HTML – 如何在谷歌浏览器中显示Retina(32×32)favicons？

在我的Retina MacBook Pro上使用Chrome,我无法在我的博客上获得更高分辨率(32×32)的图标来加载.当我第一次打开页面( http://insofar.org)时,会显示16×16版本,只有在重新加载时才显示32×32.作为替代示例,在加载 Daring Fireball时,首先加载其32×32 favicon.是的,我清除了缓存.

在这两种情况下,我们在head部分使用以下标记：

<link rel="shortcut icon" href="/path/to/favicon.ico">

favicon.ico包含32×32和16×16版本.

如何在Retina显示屏上强制使用32×32？

编辑：我发现问题已在最新的Google Chrome Canary(v24.0.1300.0)中修复.

解决方法

您应该尝试Faviconer.com – 专为创建16×16和视网膜32×32 favicon .ICO文件而设计.您可以从头开始绘制新图标,也可以上传任何图形图像并将其转换为.ICO格式.

这是链接 – http://faviconer.com