Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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
add comment

3 Answers

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
add comment

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

share|improve this answer
add comment

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
5  
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
add comment

Your Answer

 
discard

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.