[index] Fri May 6 11:43:55 CEST 2005 favicons -- 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:
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. --
- 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.
- Start up the gimp, and create an image which is 16x16 big.
- Save it as a PNM, GIF or PNG formatted file, lets say you call it myicon.[pnm|gif|png].
- If you saved the image as a PNM, do the following:ppmtowinicon -output favicon.ico myicon.pnm
- If you saved it as a GIF or a PNG, do this instead:giftopnm myicon.gif | ppmtowinicon -output favicon.ico #alternatively pngtopnm myicon.png | ppmtowinicon -output favicon.ico
- 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.