什麼是2013年的最佳圖標藝術？

Favicon業務在去年變得複雜。新的設備（重新發明），如平板電腦和智能手機。他們以新的方式使用網站圖標（例如作爲主屏幕上的應用程序圖標），並要求供應商特定的鏈接方式。以類似的方式，瀏覽器現在允許爲web應用創建桌面快捷方式（也使用圖標的圖標）。更糟的是，我們現在在便攜式設備和筆記本電腦中都需要高分辨率（「視網膜」）顯示屏，這些顯示屏需要圖標的分辨率更高的圖像。更糟的是，不同的瀏覽器（和版本）支持圖標和不同大小的不同圖像格式。從僅支持16x16的IE-only IE6開始，到Opera現在支持.svg圖標。什麼是2013年的最佳圖標藝術？

我應該怎麼做才能在今天的大多數設備和瀏覽器上支持清晰的圖標？

到目前爲止，我能找到的最好的資源是html5boilerplate，其中建議具有下列文件：

apple-touch-icon-114x114-precomposed.png 
apple-touch-icon-144x144-precomposed.png 
apple-touch-icon-57x57-precomposed.png 
apple-touch-icon-72x72-precomposed.png 
apple-touch-icon-precomposed.png 
apple-touch-icon.png 
favicon.ico # 32x32

，同時不把任何環節爲他們<head>標籤。

編輯：另一個考慮是，.ico文件可以店幾個圖像與他們不同的分辨率。這是有用的還是支持的？

來源

2013-01-15 Halst

在http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html有一些官方建議似乎確認你的名單。

理想情況下，favicon.ico文件應該在一個文件中包含多個分辨率，因爲最新的瀏覽器現在可以利用此優勢，而16 x 16圖標永遠不會在視網膜屏幕上顯得非常好。

微軟顯然現在推薦favicon.ico文件包含至少16×16,24×24,32×32和64×64。

我剛剛推出了一個免費的在線工具，將創建在網站圖標是這樣的：http://iconifier.net

看網站上的自述頁面瞭解更多鏈接到最新的圖標信息。

來源

2013-01-16 11:58:28

感謝您的工具，我只是用它取得了巨大的成功！一個「precomposed」選項雖然很棒，所以不需要手動重命名蘋果圖標文件以預先組合圖標。乾杯! –

非常有用的工具。這很棒。不過，我認爲你不使用該工具的圖標是很諷刺的。 – Largo

@ p11y像使用非「預先組合」圖標並不總是好的。它們是完全組成的圖標，在桌面/主屏幕上看起來很像一個圖標;如果有很多透明度，它可能看起來有點不對。我認爲蘋果設備將通過將它們放在圓角矩形背景上並添加「光澤」效果來組成非預先製作的圖標。 –

什麼是2013年的最佳圖標藝術？

回答

相關問題