我的网站上确实有一个 Favicon,它显示在地址栏上。
但我很好奇如何在为页面添加书签时获得这些大图标。是不同的东西还是我做错了图标?
如您所见,Behance、LinkedIn 和其他网站在添加书签时都有一个大图标,而我左侧的网站没有。
<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% 确定这一点,但我找不到任何相关文档。这只是猜测。
关于icons - 网站的书签图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30649283/