Skip to content

Instantly share code, notes, and snippets.

@ricardobeat
Created June 4, 2012 20:36
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ricardobeat/2870726 to your computer and use it in GitHub Desktop.
Save ricardobeat/2870726 to your computer and use it in GitHub Desktop.
Create multiple-size, alpha transparent favicon.ico
# How to create a favicon with multiple image sizes and keep alpha transparency
- export your images in the desired sizes (16x16, 32x32 ... max 256x256) as PNGs + alpha
- install ImageMagick
Run this command (replacing the .png files for your own images):
convert favicon-16.png favicon-32.png favicon-64.png -colors 256 -alpha background favicon.ico
The `-alpha background` options is what maintains the alpha channel. You can reduce colors even more if you want, be careful about file size - a favicon with all sizes up to 256px will hit > 100kb.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment