Library/HTML/Generating a favicon.ico with GIMP

From Athile

< Library
Revision as of 17:55, 9 September 2010 by Arthur (Talk | contribs)
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
Navigation
Toolbox