icons - 网站的书签图标

标签 icons favicon bookmarks

Icons

我的网站上确实有一个 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/

相关文章:

html - 如何导出我的书签并将它们导入到表格中?

java - 单击时尝试更改 JButton 上的图标

java - 为什么我的应用程序图标在 Android Studio 的应用程序网格列表中显示为空白?

java - 图标图像 "error java.lang.NullPointerException"

html - 网站图标不会出现在任何移动或桌面浏览器上

iphone - 在 UITableViewCell 图像上设置 UIImage 尺寸

html - 查找使用 CSS 'content' 属性的现有网站图标

asp.net-core - AWS API网关+Lambda : favicon issue

javascript - 跨浏览器书签/添加到收藏夹 JavaScript

c# - 使用 C# 读取 Firefox 书签