3

基于这个 stackoverflow 讨论，可以在单个文件中提供各种大小，并且“操作系统将选择最好的一个来显示”。

这是如何运作的？我们是否将其中一个声明分配给另一个声明？

4

2 回答 2

4

对于桌面浏览器，您应该有一个favicon.ico文件和几个 PNG 图标。

favicon.ico应包含三张图片：16x16、32x32 和 48x48。可以有多个 PNG 图标，具体取决于支持的平台：桌面浏览器的 16x16 和 32x32，Android Chrome 的 196x196 等。每张图片都用类似<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">.

浏览器对选择正确的图标有不同的态度：

  • 在 Windows 7 之前，Internet Explorer 使用favicon.ico，如 Microsoft 所述。
  • Windows 8 上的 Internet Explorer 11 选择它可以找到的最大的 PNG 图标。
  • Chrome 使用 16x16 (Windows) 或 32x32 (Mac) PNG 图标。
  • Firefox 使用最新声明的 PNG 图标（请参阅错误 751712），尽管它显然并不总是这样。
  • Safari 使用它可以找到的最大的 PNG 图标。

这些结果来自RealFaviconGenerator 的兼容性页面。完全披露：我是本网站的作者。

于 2014-07-26T09:59:19.823 回答
1

根据 Jonathan T. Neal 在http://www.jonathantneal.com/blog/understand-the-favicon/上的优秀文章，这取决于您使用的浏览器：

Firefox 和 Safari 将使用最后出现的图标。Chrome for Mac 将使用任何 ICO 格式的图标，否则使用 32×32 的图标。如果是 16×16，Chrome for Windows 将使用最先出现的图标，否则使用 ICO。如果上述选项均不可用，则两种 Chrome 都将使用先出现的图标，这与 Firefox 和 Safari 正好相反。事实上，Chrome for Mac 将忽略 16×16 图标并使用 32×32 版本，如果只是在非视网膜设备上将其缩小到 16×16。不想偏袒任何一方的 Opera 将完全随机地从任何可用的图标中进行选择。我喜欢 Opera 这样做。

于 2014-07-26T07:53:56.030 回答