What is a FavIcon

If you’ve been over the internet a lot, you surely have seen a FavIcon but you might not have realized it. FavIcon is that small icon appearing right before the URL of a website on the address bar of browsers. It is also the icon that is saved beside the name of the website when you bookmark it.

FavIcon gives your website a more professional look. It is also a good way to brand your website, as it usually carries the logo of your site. Get your website to use some cool FavIcon by following these simple steps:

1. You are going to need a graphic creation program for this one. Photoshop is a good choice. However, you have to download the plugin called Windows Icon file format for Photoshop.

2. The size of a FavIcon is merely 16 x 16 pixels. So create a small canvas of that size.

3. Put the logo of your website or any image you wish to use for your FavIcon on the canvass area.

4. Save the image and call it favicon.ico.

5. Upload the file in your hosting server. You can use FTP for this. Be sure that you put the file where the home page or the index.php page is located. Do not put the file in an images folder or any other sub-folder.

6. Now insert this code in the head section of your html files:

* You need to put this script inside the <head> </head> code of each of your website’s pages, if you want all of them to carry the icon.

Now you’re ready for testing. When you refresh your page, there should be a small icon appearing before the URL on the address bar. If it doesn’t show up, try to put a question mark at the end of the address to force the browser to refresh the page without consulting the cache.