Favicon is the acronym for ‘Favorites Icon’. The small image displayed at the beginning of the URL bar or address bar of browser is known as the Favicon. That icon is nothing but the small symbol of the whole web page or the site and thus is also known as the pageicon or urlicon.
Creating favicon.ico :
1. Create an image of 16×16 pixels.
2. Save that image as ‘favicon.ico’ .
Placing or Uploading favicon.ico :
Favicon.ico file must be uploaded under the root directory of the web server so that it is automatically displayed on the address bar. And if the favicon.ico is not uploaded in the root directory the developer will have to specify a tag in section of the web page for locating that icon.
<link rel=”shortcut icon” xhref=”/favicon.ico” type=”image/x-icon” />
For XHTML, the link element must be terminated by ” />” instead of “>”.
Give specific path to href attribute so that the favicon.ico will get located.
Most of the browsers available read the faicon.ico file format correctly and thus easily displays the icon in the URL bar. However, now some browsers also support animated GIF and PNG image formats. Older versions of IE dont display this favicon; but now the newer versions support favicons.
Advantages and Limitations of favicon.ico :
The important advantage of using favicon is to make your Favorites entry easier to find. But Favicon also has limitations. Only newer versions of IE shows icon in the Favorites listings as well as in the address bar. While netscape and opera use it only in the address bar and not in the bookmarks list. Also, the icon disappears when the browser cache is emptied.