8

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

Improve this question

3 Answers 3

Reset to default
5

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.

Improve this answer
1

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

http://msdn.microsoft.com/en-us/library/cc849094(VS.85).aspx#Favicons

Improve this answer
0

Maybe this helps to answer your question.

Improve this answer
2
  • 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, 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 that you have read and understand our privacy policy and code of conduct.

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