favicon必須是32x32或16x16嗎？

我想使用單個圖像做爲常規的圖標和iPhone / iPad友好的圖標。

這可能嗎？ 若是連接到常規瀏覽器圖標，iPad友好的72x72 PNG會不會縮放？ 或者我是否必須使用單獨的16x16或32x32圖像？

---

#1樓

對於IE， Microsoft建議在favicon.ico文件中打包16x16,32x32和48x48 。

對於iOS， Apple建議使用特定的文件名和分辨率 ，對於運行iOS 8的最新設備，最多爲180x180。

Android Chrome主要使用清單，也依賴於Apple touch圖標。

Windows 8.0上的IE 10須要PNG圖片和背景顏色 ， Windows 8.1和10上的IE 11接受在名爲browserconfig.xml的專用XML文件中聲明的幾張PNG圖片 。

用於Mac OS X的Safari El Capitan爲固定標籤引入了SVG圖標 。

其餘一些平臺尋找具備各類分辨率的PNG文件，例如Google TV的96x96圖片或Opera Coast的228x228圖片 。

請查看此favicon圖片列表以獲取完整參考。

TLDR：這個favicon生成器能夠一次生成全部這些文件。 生成器也能夠實現爲WordPress插件 。 徹底披露：我是本網站的做者。

---

#2樓

實際上，要使您的favicon在全部瀏覽器中正常工做，您必須以正確的大小和格式添加10個以上的文件。

我和個人朋友爲此建立了一個應用程序！ 你能夠在faviconit.com找到它

咱們作到了這一點，因此人們沒必要手工建立全部這些圖像和正確的標籤，建立全部這些用於惹惱我不少！

---

#3樓

我沒有看到這裏列出的任何最新信息，因此這裏是：

如今回答這個問題，若是你但願你的圖標在任何地方看起來都很棒，那麼2個不會這樣作。 請參閱如下尺寸：

16 x 16 - 瀏覽器的標準尺寸
24 x 24 - IE9固定用戶界面的站點大小
32 x 32 - IE新頁面選項卡，Windows 7+任務欄按鈕，Safari閱讀列表側欄
48 x 48 - Windows站點
57 x 57 - iPod touch，iPhone至3G
60 x 60 - iPhone觸控至iOS7
64 x 64 - Windows站點，HiDPI / Retina中的Safari閱讀器列表側欄
70 x 70 - 贏得8.1 Metro地鐵
72 x 72 - iPad觸控至iOS6
76 x 76 - iOS7
96 x 96 - GoogleTV
114 x 114 - iPhone視網膜觸控至iOS6
120 x 120 - iPhone視網膜觸控iOS7
128 x 128 - Chrome網上應用店應用，Android
144 x 144 - 用於固定網站的IE10 Metro磁貼，iPad視網膜高達iOS6
150 x 150 - 贏得8.1 Metro地鐵
152 x 152 - iPad視網膜觸控iOS7
196 x 196 - Android Chrome
310 x 150 - 贏得8.1寬的地鐵磚
310 x 310 - 贏得8.1 Metro地鐵

---

#4樓

favicon不必定是16x16或32x32。 你能夠建立一個80x80或100x100的圖標，只要確保兩個值都是相同的尺寸，顯然不要太大或過小，選擇合理的尺寸。

---

#5樓

根據維基百科關於Favicon的文章， Internet Explorer僅支持圖標的ICO格式。

我會堅持使用兩個不一樣的圖標。