如何在谷歌浏览器中显示Retina(32x32)favicons?

时间:2012-10-16 16:48:06

标签: html google-chrome retina-display

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

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

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

其中favicon.ico包含32x32和16x16版本。

如何在Retina显示屏上强制使用32x32?

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

2 个答案:

答案 0 :(得分:2)

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

以下是链接 - http://faviconer.com

答案 1 :(得分:0)

对于输入http://xiconeditor.com/对我来说非常好。 它创建了16,24,32,64尺寸的ico。

我建议您首先使用不同大小的编辑器生成图像,然后导入每个图像以保持质量。