! - Fri May 6 11:43:55 CEST 2005

Fri May  6 11:43:55 CEST 2005



Yesterday I decided that my blog should have its own favicon. Whats a
favicon? Its the little icon next to the URL (web address at the top
of your browser window, or next to your bookmarks/favourites). So I
decided to find out how to change it.

I've done it before, at work, but there I applied it globally to the
entire site. In my case, I just wanted to apply it to a specific web
page (this one). This is what I did:
  1. Download, untar, and compile the netpbm package (http://netpbm.sourceforge.net). You should now have a set of tools which can convert files to Windows ICO format.
  2. Start up the gimp, and create an image which is 16x16 big.
  3. Save it as a PNM, GIF or PNG formatted file, lets say you call it myicon.[pnm|gif|png].
  4. If you saved the image as a PNM, do the following:
    ppmtowinicon -output favicon.ico myicon.pnm
  5. If you saved it as a GIF or a PNG, do this instead:
    giftopnm myicon.gif | ppmtowinicon -output favicon.ico
    pngtopnm myicon.png | ppmtowinicon -output favicon.ico
  6. Now that you have a favicon.ico, copy it to your web directory, and add the following the webpage you want to add it to:
    <LINK REL="SHORTCUT ICON" HREF="path/to/favicon.ico">
    In the <head> section of your html page.
If you want to apply the favicon globally in the apache web server so that all pages get the new favicon, I cant quite remember how to do it right now. So for now, STFI. Oh and a last point- I saw that the use of favicons is not a de-jure standard issued by W3C (http://www.w3.org), but a de-facto standard. Its supported by the mozilla family and Microsofts web browser. Im not sure if Opera will show it, since I dont have it installed. --