gpt4 book ai didi

html - 操作系统如何选择正确的 ico/favicon 大小?

转载 作者:搜寻专家 更新时间:2023-10-31 23:03:09 24 4
gpt4 key购买 nike

Based on this stackoverflow discussion ,可以在单个文件中提供各种大小,并且“操作系统将选择最好的一个来显示。”

这是如何运作的?我们是否分配了其中的几个,其中一个声明回退到另一个?

最佳答案

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

favicon.ico should contain three pictures: 16x16, 32x32 and 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 , as described by Microsoft .
  • Windows 8 上的 Internet Explorer 11 选择它能找到的最大的 PNG 图标。
  • Chrome 使用 16x16 (Windows) 或 32x32 (Mac) PNG 图标。
  • Firefox 使用最新声明的 PNG 图标(参见 bug 751712 ),尽管 it apparently doesn't always behave that way .
  • Safari 使用它能找到的最大的 PNG 图标。

这些结果来自 compatibility page of RealFaviconGenerator .全面披露:我是该网站的作者。

关于html - 操作系统如何选择正确的 ico/favicon 大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24964193/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com