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

3 Answers 3


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.


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



Maybe this helps to answer your question.

  • 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 Jul 20, 2010 at 20:25
  • 6
    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, 2010 at 20:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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