Testing Favicons & Co.
HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
README.markdown
apple-touch-icon.png
favicon.ico
favicon.png
favicon.svg
index.html
ms-tile.png
safari-pinned-tab.svg

README.markdown

Favicons

Overview

Code used for testing favicons. See article Favicons & Co. for more details.

favicon.ico

There are various methods for generating the required ICO format favicon. I used ImageMagick but you are free to use whatever works for you. First, create a PNG image named favicon.png that is 48x48 pixels or more. Then execute this from the command line to create favicon.ico with 3 resolutions contained within the single file:

convert favicon.png \
  \( -clone 0 -resize 16x16 \) \
  \( -clone 0 -resize 32x32 \) \
  \( -clone 0 -resize 48x48 \) \
  -delete 0 favicon.ico

© Patrick Bougie. All Rights Reserved.