September 4, 2007 by keith
Posted in
Favicons, as the name suggests, are also known as "Add to Favourite Icons". These are typically small iconic images, of the size 16 pixels by 16 pixels, appearing beside the browser address link. These image files bear the extension of .ico.
There are few ways to create favicons, but you will definitely need to have software that allows you to do that. For Windows users, you will need applications, e.g. Adobe Photoshop which converts image files into icon (.ico) files. Since this application is not free, you may want to consider using GIMP, another image editing software. GIMP is available in Windows, Linux and Mac OS X.
It is advised to begin creating your image with a bigger size, e.g. 64 pixels by 64 pixels. Once you have finalised your image, then resize it to 16 pixels by 16 pixels. Finally, export (or save it as) .ico file.
With the .ico file residing on your computer, upload it to your web server, and place it at the root directory of your site, e.g.
/public_html/my_blog/favicon.ico
Next, on your web page, include the following line in your <HEAD> section:
<link rel="Shortcut Icon" href="/favicon.ico">
So, that's it!
Remarks for WordPress users:
WordPress users will only need to edit the header.php file of your theme to include the above line, and that should work.
Trackback URL for this post:
http://www.neohide.com/trackback/197
Post new comment