Library/HTML/Generating a favicon.ico with GIMP

From Athile

Jump to:navigation, search


First, what a favicon.ico is: favicon.

A rather detailed page is available here: http://egressive.com/tutorial/creating-a-multi-resolution-favicon-including-transparency-with-the-gimp.

How To

In short summary:

  1. Create a full-size base image, save it
  2. Create a 16x16 down-scaled PNG copy of the base image, save it
  3. Create an 8x8 down-scaled PNG copy of the base image, save it
  4. Open the 16x16 PNG in GIMP, then choose "File > Open as Layers..." and open the 8x8 PNG
  5. File > Save Copy As..., save as "favicon.ico"
  6. Copy the saved .ico file to the root html folder of your web server
Retrieved from "http://athile.net/library/wiki/index.php/Library/HTML/Generating_a_favicon.ico_with_GIMP"
Navigation
Toolbox