网站的书签图标

Question

我的网站上有一个Favicon，它显示在地址栏上 但是我很好奇当你为一个页面添加书签时如何获得这些大图标。是一个不同的事情还是我做了图标错误？

正如你所看到的，Behance，LinkedIn和其他人在书签时都有一个大图标，我左边的网站没有。

<link rel="icon" href="icons/favicon.ico">

Answer 1

您需要不同的图标：

• Mac OS Yosemite上的Safari（显然，你正在使用的）：需要Apple Touch icon。至少，请务必创建一个180x180图标。
• Chrome：自几个版本开始，Chrome就会使用Open Graph image（您用来向Facebook指示的图标与访问者共享您的网页时使用的图像相同）。请注意，如果Chrome无法找到OG图像，Chrome可能会采取其他措施。规则不明确。
• 其他一些浏览器：显然，某些浏览器（如Firefox）具有着名网站的默认图标，但会为其他书签生成缩略图。我无法100％确定这一点，但我无法找到任何相关文档。这只是猜测工作。