Website favicon

December 18, 2009

Some websites have a favicon by the URL in the browser, and in bookmarks.

Creating a favicon with GIMP

Open the image file you want to convert to a favicon with GIMP and resize the canvas so that the image is a square. Scale the image to 16x16 pixels. Choose File/Save as.. and save as favicon.pnm or favicon.ppm with raw encoding. You are now finished with GIMP.

Next, convert favicon.pnm or favicon.ppm into your favicon using the command line utility ppmtowinicon:

ppmtowinicon -output favicon.ico favicon.pnm

Referencing a favicon from HTML

In your HTML :

<link rel="shortcut icon" href="/path/to/favicon.ico" type="image/x-icon">

Thanks to

Tags: html favicon gimp