如何在HTML5 for Safari 8.0中添加书签图标?

时间:2014-10-24 13:51:12

标签: html html5 safari favicon

以下是我用于网站的图标的最小代码示例。它在Safari 8.0的地址栏中显示为favicon,但在添加为书签时单击地址栏时显示的收藏夹下拉框中没有显示。而是显示默认罗盘图标。我需要添加或更改HTML5以使我的图标显示在下拉框中?

<!DOCTYPE html>
<html>
<head>
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
</head>
<body>
</body>
</html>

3 个答案:

答案 0 :(得分:2)

我想通过查看图标显示的其他网站,了解如何在Safari 8.0的收藏夹下拉框中添加图标。我不确定它为什么会起作用,但它适用于我和我看过的其他网站。确保指定图标是快捷图标,类型为image / x-icon,文件为ICO。

<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
</body>
</html>

答案 1 :(得分:0)

尝试更大的图标尺寸(例如,144x144像素)。

答案 2 :(得分:0)

似乎是当链接放在&lt;头&gt;部分,该图标将显示为书签,但不适用于主屏幕。

- 希望这有助于其他人