I have created a 16x16px favicon for a website, but I am getting complaints that IE pixelates it. should I have a larger size? is their a way to use multiple sizes? What is best practice?
+3
A:
Just use a 32x32 one, the other browsers will resize it on their own.
joni
2010-10-27 09:36:18
+1 with one small caveat: Google Chrome supports only 16x16 when the ICO format is used. http://en.wikipedia.org/wiki/Favicon
Pekka
2010-10-27 09:44:46
Didn't know that. Workaround: just use .png, as you should not use the implicit way (putting favicon.ico to webserver root) anyway.
joni
2010-10-27 09:54:28
@joni why not? that is exactly how I was told to do it.
Mild Fuzz
2010-10-27 10:06:36
@Mild Fuzz doing it explicitly is always better
joni
2010-10-27 10:12:35
yeah, I don't have a real argument as you see :P but I'm used to do it like this.
joni
2010-10-27 10:15:25
I do both, as I use wordpress. One in root, one in theme. Without the non-explicit root one, feed readers wouldn't get it
Mild Fuzz
2010-10-27 10:16:27
to clarify then, using a 32*32 px png will work for all but chrome?
Mild Fuzz
2010-10-27 10:17:04
doing both is even better.
joni
2010-10-27 10:17:35
no, using the 32x32 png is just for making it work for chrome. but then, on the other side, it will not work anymore for IE... http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/PNGSupportFavicon.html
joni
2010-10-27 10:20:33
You can dynamically add a link element to the favicon based on browser detection...
jeffamaphone
2010-10-27 16:54:30