Grow your CSS skills. Land your dream job.

How to Create Retina-Caliber Favicons

Published by Chris Coyier

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.

Direct Link →

*May or may not contain any actual "CSS" or "Tricks".