For those of you who don’t know what favicon.ico is, it is the small icon which can be found in your address bar, or in the tab.  A favicon is also known as website icon and is usually 16 x 16 or 32 x 32 pixels.

This is how my favicon looks in Internet Explorer 8.

favicon ie 8

I will be guiding you how to change the favicon.ico for your website with these simple steps:

  1. Get the image you want to use and re-size it to 32 x 32 pixels.
  2. Use a generator such as this one: http://www.favicon.cc/ to generate your favicon and download it
  3. Upload the downloaded favicon in the root of your FTP
  4. Insert the following code in the head section of your html: <link rel=”icon” type=”image/vnd.microsoft.icon” href=”favicon.ico” />

You should be done, and the favicon should now be visible.