What is Favicon.ico?

What is Favicon.ico?

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.

Sharing

3 Comments

  1. paul

    I have problem in getting it appear in IE6, any help will be greatly appreciated.

  2. There are lots of handy online tools that will create favicons for you. Just google favicon creator and there are a few that come up. They let you do all wonderful things with them.

    I always like favicons as it makes your site really easy to see in favourites and it’s mich nicer that the default IE icon! Lol.

  3. BlackLiger

    Cool, I should make one for my site. Must decide on 1 though :)

Leave your comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.