Friday, 16 January 2015

How to Add a Favicon to your Website

A Favicon is that image that appears besides the title of a website in the browser tab. In is a great way to identify your site especially for users that tend to open a lot of tabs when browsing.

Favicon should be 16x16 pixels. For this site, I have highlighted the  Favicon in the picture above. A Favicon  is a great tool to communicate the brand value of your website.

In order to add a Favicon to a website, you need to follow the following steps

  1. Select the image you want to use.
  2. Check the image's properties by right-clicking on it and checking it.
  3. If the image is 16x16 pixels, it is suitable for usage.
  4. Otherwise, use an image editor and shrink it.
  5. Once you have your standard image, go to to change the format to .ico
  6. Name your selected image to be favicon.ico 
  7. Place the favicon.ico image in the root of your website
  8. Refresh your browser
So that is all there is to it. Its easy once you know how.

No comments:

Post a Comment