2

我创建了各种尺寸的网站图标。它在我的 Retina MacBook Pro 上的地址栏中看起来很棒，但 Safari 阅读列表中的图标是像素化的。我的印象是它使用 32 像素的版本，但在 Retina 显示屏上是 64 像素。我的图标包含该分辨率，但图标仍然模糊。

创建和链接此图标以在 Retina 上看起来很棒的正确方法是什么？

<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/favicon-152.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favicon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/favicon-120.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favicon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favicon-72.png">
<link rel="apple-touch-icon-precomposed" href="images/favicon-57.png">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="/favicon.ico">
4

1 回答 1

0

我相信这是 Safari 7 中的一个错误，尚未在 Safari 7.1 中解决。

Safari 8 不（截至当前的公共测试版）显示添加到阅读列表的网站的网站图标。相反，如果该站点上有图像，它将显示它看起来。

但是，Safari 8 确实会在收藏夹和经常访问中显示图标。但不是图标，而是显示 Apple Touch 图标，并为 Retina 显示器选择合适的尺寸。

于 2014-09-26T23:43:19.873 回答