网站的书签图标 [英] Bookmark Icon for a website

问题描述

我有一个Favicon在我的网站上，它显示在地址栏上。

但我很好奇如何在为页面添加书签时获取这些大图标。是一个不同的事情还是我做了图标错误？

I do have a Favicon on my website, and it shows up on the address bar.
But I was curious how to get these big icons when you bookmark a page. Is a different thing or did I do the favicon wrong?

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

As you can see, Behance, LinkedIn, and others have a big icon when bookmarked and my website on the left has none.

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

推荐答案

您需要不同的图标：

• Mac OS Yosemite上的Safari（显然，你正在使用的）：它需要 Apple Touch图标。至少，请确保创建一个180x180图标。


• Chrome：从几个版本开始，Chrome将打开图形图像（用于向Facebook指示访问者共享页面时要使用的图像的相同图标）。请注意，如果无法找到OG图像，Chrome可能会采取其他措施。规则不明确。


• 其他一些浏览器：显然，某些浏览器（如Firefox）具有着名网站的默认图标，但会为其他书签生成微缩模型。我无法100％确定这一点，但我找不到任何关于此的文档。这只是猜测工作。

• Safari on Mac OS Yosemite (apparently, what you are using): it takes the Apple Touch icon. At least, make sure to create a 180x180 icon.
• Chrome: since a few versions, Chrome takes the Open Graph image (the same icon you use to indicate to Facebook which image to use when a visitor shares your page). Note that Chrome might take something else if it can't find the OG image. Rules are not clear.
• Some other browsers: apparently, some browsers, such as Firefox, have default icons for famous web sites but generate miniatures for the other bookmarks. I can't be 100% sure of this, but I couldn't find any documentation about that. This is just guess work.

这篇关于网站的书签图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！