Google Chrome and Favicon

Ive created a 64x64 favicon for a site im making and its displaying fine. But then in Google Chrome when i press "Create Application Shortcut" it resizes the favicon down to [what looks like] 16x16 for the desktop/taskbar icon it makes. This looks really silly - so how do I make Chrome not resize it, and end up开发者_运维技巧 with a nice clear, non blurry icon?

Check out How can I customize the appearance and function of Google Chrome shortcuts that point to my page? in the Google Chrome FAQ.

Short answer, it's a different sort of meta tag like this:

<link rel="icon" href="gmail_32x32.png" sizes="32x32"/>
<link rel="icon" href="gmail_48x48.png" sizes="48x48"/>

You can't make an application not resize a 64x64 image when it's displaying it in a 16x16 space.

Are you using a real favicon.ico, or a different image format? ICO files can contain different images with different sizes and colour depths in the same file. Add a 16x16 that looks clear rather than blurry, and add it to the ICO file.

You can create good icons (with transparency and multiple resolutions in .ICO format) in GIMP using this tutorial.

It's good to know that .ICO is the only file format that works consistently good for all browsers.