Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I understand that you can create a favicon.ico with multiple resolutions embedded.

Which resolutions should your average website support? Why?

Edit: Performance should be a consideration. I want to keep the favicon around 1K to stay inline with these recommendations: http://developer.yahoo.com/performance/rules.html

share|improve this question
up vote 5 down vote accepted

Favicons in the browser are 16x16 pixels. For multiple resolution favicons, the sizes 24x24, 32x32, and 48x48 pixels are the most common to include in addition.

share|improve this answer

Microsoft recommends including a 16x16 pixel and a 24x24 pixel favicon (for when the user's system-wide DPI setting is higher than 100%).


share|improve this answer

Maybe this helps to answer your question.

share|improve this answer
Thanks, it does. Though, the author of this article recommends that you create a favicon for every resolution and then at multiple color depths for each resolution. The downside to this strategy would be performance: developer.yahoo.com/performance/rules.html – Sean Moubry Jul 20 '10 at 20:25
It would help if you quoted the relevant part of the page you've linked to. It helps keep the knowledge here and guards against "link rot". – ChrisF Jul 20 '10 at 20:58

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.