Sunday, July 20, 2008

Apply a Favicon to your website

A favicon is a small 16 pixel symbol that becomes visible next to the name of your web page in someone’s IE location bar and bookmarks, should they bookmark your page. It is a visual link to your web site. The biggest problem with favicons is that they exist in the Temporary Internet Files folder. If the user cleans this file routinely, your file will still be bookmarked, but the favicon will be lost.

In order for IE to see it you require to save the favicon as favicon.ico to your root directory in your web. IE-5 automatically looks for a "favicon.ico" in the top level. You do not have to "call" it as long as it has the appropriate name, which is "favicon.ico". There are numerous freeware programs available to assist you track who is bookmarking your page, such as Freecode and FavIcon Tracker.

If you name your favicon something other than "favicon.ico", you will need to put a link in the header of your HTML -- you require to add link rel="shortcut icon "href="yourfavicon.ico" to the 'head' of any page that you wish to have your favicon associated with. To place a favicon in Front Page, go to FILE>IMPORT>ADD FILE and type in the path to your favicon.ico.

To make your favicon, you can install a plugin to Paint Shop Pro, download a Windows freeware called Icon Maker or purchase IconForge. There are a couple of rules about creating a favicon. It can only be in a choice of 256 colours and it must be 16 x 16 pixels. You can find tutorials at WDVL.

If you already have a 16 x 16 bitmap you would like to use, download a freeware program called BMP2ICO Bitmap to Icon - it will take your 16x16 bitmap and convert it to the icon file format correctly. Irfanview is an amazing free application which does far more than just create/convert icons - download it and see.

Get more info on website designing tutorials at www.marthub.co.in

No comments: