操作系統如何獲取正確的ico/favicon大小？

Based on this stackoverflow discussion，可以在一個文件中提供各種尺寸，「操作系統將選擇最好的一個顯示」。操作系統如何獲取正確的ico/favicon大小？

這是如何工作的？我們分配了其中的幾個，其中一個宣告倒退了另一個？

2014-07-25 ayjay

按照從喬納森·尼爾噸的優秀文章在http://www.jonathantneal.com/blog/understand-the-favicon/這取決於你所使用的瀏覽器：

Firefox和Safari瀏覽器將使用來自最後一個圖標。 Chrome for Mac將使用ICO格式化的任何favicon，否則使用32×32 favicon。如果它是16×16，則Chrome for Windows將使用第一個圖標，否則爲ICO。如果前面提到的選項都不可用，則兩個Chromes都會先使用哪一個favicon，與Firefox和Safari完全相反。事實上，Chrome for Mac 將忽略16×16圖標，並使用32×32版本，如果只有在非視網膜設備上將其縮小到16×16。歌劇，不想採取雙方，將隨機選擇任何可用的圖標完整。我喜歡Opera做到這一點。

來源

2014-07-26 07:53:56

對於桌面瀏覽器，你應該有一個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。充分披露：我是本網站的作者。

來源

2014-07-26 09:59:19

我們是否聲明每一個[如在此鏈接]（http://pastie.org/9423278）？ – ayjay

@ayjay是的！如果您正在尋找一些隨時可用的資料，請瀏覽http://realfavicongenerator.net/，它會爲您生成所有內容。 –

@philippe_b無論如何，我們可以誘發特定的行爲？就像，我們可以以某種方式指示瀏覽器使用48 * 48圖像嗎？ – MV23

操作系統如何獲取正確的ico/favicon大小？

回答

相關問題