16th September, 2010 - 1 minute read

Have you wondered what the little icons in the left side of page title are in the Favourites (bookmarks) section and in the Address Bar of most browsers? Well, that would be the “favicons”.

Favicons commonly used today are 16 or 32 pixels square and have to be in .ico format, although Firefox, Opera and Safari can display other formats as well (.png, .gif, etc.).

Advantages of having a site Favicon:

-Better branding exposure, you can choose that little image you want to appear on the page corner and in the URL bar. This is better than a page without a favicon, having just the default blank page or browser logo which can look like a no name brand.

-They make navigation easier, in case you have opened more tabs (more than 4 or 5), the title in the tabs become smaller and smaller with the more opened tabs added. But the Favicon stays the same size and it’s a visual device that helps you return on an initial page.


How to make your own Favicon:
1.    Choose your preferred image
2.    Convert the image into the .ico format (a file named favicon.ico)
3.    Upload your image in the root folder
4.    Add in the <head> section of the page the following line:

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