What is a Favicon? And how to add a favicon to your site

You may have noticed in your browser that at the very top of the page where you browser tabs are there is little images next to the title of the webpage you are on.

Those little images are called Favicons.

How do I make a Favicon?

Making a Favicon is a simple task and takes only a minute or two to achieve.
Open up your preferred Graphics Program (such as Adobe Photoshop) and create a new file.

There has been a huge debate on what size to do your Favicon, 16px x 16px or 32px x 32px, we have always used 32px x 32px and have never had any problems, most common browsers scale images up or down to the correct size anyway.

You are allowed to use transparency if you want to, just make sure you save your image as a png.

How do I add a Favicon to my site?

Upload your Favicon to your server wherever you like and add the following code to the pages you want the Favicon to appear:
<link href="WEBPATH TO YOUR FAVICON GOES HERE" rel="icon" type="image/png"></link>

If there are lots of pages it is worth including the file using <?php include (or require_once) in PHP or <!--#include file="include-file.asp"--> in ASP

Still having trouble?

Give us a ring on 0161 669 4633 or Email Us and we'll be happy to help you out.

What is, and Why a Favicon?

A favicon is a small icon which is a visual link or a connection to your webpage or website etc.

It is a small image, and shown in your browser bar or your bookmark area.

Because it is so small it is best to keep it very simple, maybe use your initial or a simple logo, but what it actually does is give your site a brand and get you a more prominent place in the users bookmark section and allow you to be located easier when you have multiple web pages open.

To add one is very simple, just add the following code between your head tags to link to your .ico image file.

<link rel='icon' href='Path_To_File/favicon.ico' type='image/x-icon' />
<link rel='shortcut icon' href='Path_To_File/favicon.ico' type='image/x-icon' />

For any help with creating your .ico file contact us at Mediacityway.com anytime.