Go to content Go to navigation Go to search

How to create a favicon

April 27th, 2010 by jde

  1. First you must choose a simple clipart image for your favicon. The format is not important but it must be a square at least 64×64 pixels in size.
  2. Open the image in Gimp.
  3. In the Image menu choose Scale image and resize it to 64×64 pixels.
  4. Doubleclick the layer name, and name it “64″.
  5. In the Layer dialog click the Duplicate layer icon. Name the new layer “48″.
  6. Make sure the “48″ layer is selected. In the Layer menu, choose Scale layer and resize to 48x48pixels
  7. Repeat step 3 and 4 and create these sizes: 32×32, 16×16
  8. In the File menu select Save as… and save the image as Microsoft Windows Icon (*.ico)

Upload the icon to your web site and add this line between <head> and </head>:

<link rel=“shortcut icon” href=“/path/to/my/favicon.ico”>

Remember to replace /path/to/my/favicon.ico with the path of your icon file.