Skip to content

Instantly share code, notes, and snippets.

@jaygilmore
Last active June 9, 2016 21:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaygilmore/82d2ea5d3ecb9419ad169e075d743d8e to your computer and use it in GitHub Desktop.
Save jaygilmore/82d2ea5d3ecb9419ad169e075d743d8e to your computer and use it in GitHub Desktop.
Creating a favicon.ico from a set of hand adjusted PNGs on Mac

Creating Favicons

I didn't want to use scaled down images without adjusting the lower resolution images to be crisper and cleaner. Scaled images often yield crappy results. See this article by John Hicks for more info.

Tools

I am using png2ico installed via Homebrew.

Pre Conversion Optimization

Prior to running the conversion I ran the images through ImageOptim (there may be a better way to do this).

The Conversion

Running this command in the directory where the files lived yielded my favicon.ico

png2ico favicon.ico favicon-16.png favicon-32.png favicon-48.png favicon-64.png

##Notes

  • I had tried using ImageMagick on terminal to create the .ico file but the filesize was 32KB which was 4x the sum of the individual files.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment