网站的书签图标
Bookmark Icon for a website
我的网站上确实有一个 Favicon，它显示在地址栏上。
但我很好奇如何在为页面添加书签时获得这些大图标。是不同的东西还是我做错了图标？
如您所见，Behance、LinkedIn 等在添加书签后都有一个大图标，我的网站左侧有 none。
<link rel="icon" href="icons/favicon.ico">
您需要不同的图标：
- Mac OS Yosemite 上的 Safari（显然，您使用的是什么）：它需要 Apple Touch icon。至少，确保创建一个 180x180 的图标。
- Chrome：从几个版本开始，Chrome 采用了 Open Graph image（当访问者分享您的页面时，您用来向 Facebook 指示要使用哪个图像的相同图标）。请注意，如果 Chrome 找不到 OG 图像，它可能会采取其他措施。规则不清楚。
- 其他一些浏览器：显然，某些浏览器，例如 Firefox，有著名网站的默认图标，但为其他书签生成缩图。我不能 100% 确定这一点，但我找不到任何相关文档。这只是猜测。
我的网站上确实有一个 Favicon，它显示在地址栏上。
但我很好奇如何在为页面添加书签时获得这些大图标。是不同的东西还是我做错了图标？
如您所见，Behance、LinkedIn 等在添加书签后都有一个大图标，我的网站左侧有 none。
<link rel="icon" href="icons/favicon.ico">
您需要不同的图标：
- Mac OS Yosemite 上的 Safari（显然，您使用的是什么）：它需要 Apple Touch icon。至少，确保创建一个 180x180 的图标。
- Chrome：从几个版本开始，Chrome 采用了 Open Graph image（当访问者分享您的页面时，您用来向 Facebook 指示要使用哪个图像的相同图标）。请注意，如果 Chrome 找不到 OG 图像，它可能会采取其他措施。规则不清楚。
- 其他一些浏览器：显然，某些浏览器，例如 Firefox，有著名网站的默认图标，但为其他书签生成缩图。我不能 100% 确定这一点，但我找不到任何相关文档。这只是猜测。