如何在优胜美地Safari 8中获取自定义收藏夹图标？

我想在优胜美地的Safari 8中为我的网站添加自定义的收藏夹图标（即新标签页）。我尝试了og:image同时具有png和jpg格式的open graph标签。我还查看了在“收藏夹”页面上具有自定义图标的几个网站的来源，包括一个似乎正在更新其图标的网站，但我仍然找不到包含这些图标的正确方法。有什么帮助吗？谢谢。

safari yosemite

— 前ah
source

你说的是网站图标吗？

— StrawHara 2014年

否。我指的是Safari中新标签页中的收藏夹图标。

— preahkumpii 2014年

您试图在/Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage中删除关联的文件，然后将其添加到收藏夹中吗？

— StrawHara 2014年

是。什么都没发生。自定义图标从未显示。仅显示了默认图标，使我相信我没有正确实现图标的使用。

— preahkumpii 2014年

@MrMojoRisin用于用户个人Safari布局。绝对是这里的正确地方。现在我很想知道如何做到这一点。–

— Rob

Answers:

这与OS X不相关，因此我将让主持人将此问题移至其他网络。但是我仍然要回答这个问题。您要谈论的是可以通过使用以下标记实现的Apple Touch图标：

<link rel="apple-touch-icon" sizes="57x57" href="https://apple.stackexchange.com/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://apple.stackexchange.com/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://apple.stackexchange.com/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://apple.stackexchange.com/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://apple.stackexchange.com/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://apple.stackexchange.com/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://apple.stackexchange.com/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://apple.stackexchange.com/apple-touch-icon-152x152.png">

有多种尺寸，因为它需要支持Retina和非Retina显示屏。

资料来源：CSS技巧

— 萨伊兹林
source

不工作我将它们添加为57、120和152尺寸（根据Apple网站），收藏夹没有响应。

— preahkumpii 2014年

您的网站是什么？

— sayzlim 2014年

pintsizedtreasures.com

— preahkumpii 2014年

我打开了您的网站，但未找到提到的触摸图标。你插入了吗？

— sayzlim 2014年

我确实插入了它们，但是未显示图标，因此我将其删除。但是，现在，收藏夹图标现在显示在Safari中。我不知道为什么。去搞清楚。

— preahkumpii 2014年

Safari（至少在Yosemite上为9.0.2版）在选项卡中未显示网站图标。对于客户端解决方案，我建议使用SafariStand。它是一个SIMBL插件，为Safari添加了许多额外功能，例如选项卡和书签栏上的收藏夹图标，单独的下载和书签面板以及其他调整。

— 哈米德·罗哈尼（Hamid Rohani）
source