如何将Retina favicon链接到Safari阅读列表?

时间:2013-12-26 19:54:34

标签: safari icons favicon graphic retina

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

创建和链接此图标以在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">

1 个答案:

答案 0 :(得分:0)

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

Safari 8没有(截至当前的公开测试版)显示添加到阅读列表中的网站的favicon。相反,如果该网站上有图像,则会显示该图像。

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