What is Favicon ?
Favicons or ‘Favourite Icons’ are tiny 16×16 or 32×32 pixel square logos/ icons that appears to the left of the browser’s address bar. They can be static or animated. It is also known as page icon or url icon.
It can be displayed in the number of different places depending on the browser type. Browsers that support favicons may display them in the:
- Browser’s URL bar
- Next to the site’s name in lists of bookmarks(in firefox)/ favourites menu(in IE)
- Next to the page’s title in a tabbed document interface.
How to create Favicons?
Favicon can be created by following two ways:
- Create a image of 16×16 or 32×32 pixel. Save the image into the file named favicon.ico and upload this file in the root directory of a webserver. This would then automatically be used in Internet Explorer’s favorites (bookmarks) display.NOTE: If your hosting company does not allow files with the .ICO extension to be uploaded, you might try to work around it by uploading it (in binary mode) with some other extension (like GIF). Once it’s on your site, rename it using your FTP program to the correct extension.
- A more flexible method is by using (X)HTML to indicate the location of an icon for any given page. This can be achieved by adding two link elements in the <head> section of the document such as:
<link rel=”icon” href=”http://www.yourwebsite.com/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://www.yourwebsite.com/favicon.ico” type=”image/x-icon” />
However, only the former is necessary, as “shortcut icon” will be treated as a list of possibilities by standards-compliant browsers (with “shortcut” being ignored, and “icon” used); while Internet Explorer will treat it as a single name (“shortcut icon”). The result is that all browsers understand the code. It is only necessary to include a second piece of code if one desires to offer an alternative image to modern browsers (e.g. an animated GIF).The image can usually be in any image format supported by the web browser, the major exception being Internet Explorer, which only supports ICO. The .ico file format will be read correctly by all browsers that can display favicons.
Role of Favicons in marketing
- Favicons appear on the tabs of tabbed browsers as well as on many of the toolbars such as the Yahoo toolbar. This promotes one’s brand as one can use small logo as favicon image.
- Favicons can also create better usability for your site, as visitors to your site can easily and quickly identify it in browser tabs without even having to read what it says in the tab, which is especially useful if you are using your titles correctly and are not starting all your site’s pages with your site name.
Free Online Tools to create Favicons
http://www.photoshopsupport.com/tutorials/jennifer/favicon.html – This is photoshop tutorial to create favicon.