操作系统如何获取正确的ico / favicon大小？

Question

Based on this stackoverflow discussion，可以在单个文件中提供各种大小，“操作系统将选择最佳显示”。

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

Answer 1

对于桌面浏览器，您应该有一个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">。< / p>

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

• 在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。完全披露：我是本网站的作者。

Answer 2

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

  

Firefox和Safari将使用最后的favicon。 Chrome for   Mac将使用ICO格式的哪个图标，否则为32×32   图标。 Chrome for Windows将使用首先出现的图标   它是16×16，否则是ICO。如果没有上述选项   可用，两个Chromes将使用最先出的favicon，   与Firefox和Safari完全相反。的确，Chrome for Mac   将忽略16×16 favicon并使用32×32版本，如果只是   在非视网膜设备上将其缩小至16×16。歌剧，不想要   采取侧面，将完整选择任何可用的图标   随机。我喜欢Opera这样做。