Skip to main content
Home / Articles /

How to Create Retina-Caliber Favicons

Direct Link →

John Gruber shows us tools and steps for creating retina ready favicons.

When I looked into this a few months ago only Safari was even supporting them, but it appears as if Chrome is now too, so I'd say it's time. Firefox and Opera still do not.

John recommends making an .ico with both 16x16 and 32x32 versions. The theory being that you can hand-craft a 16x16 aesthetically better than a browser can scale down your 32x32. For my simple favicons, I've found the scale-down perfectly fine, which has the benefit of a smaller file as well.

icon-link icon-logo-star icon-search icon-star