iPhone，新iPad和Android主屏幕圖標質量

Question

我開發了我的第一個網絡應用程序http://checkamy.herokuapp.com。我正在使應用程序兼容所有常見設備。但是，我在爲移動主屏幕製作圖標時遇到問題。

我有這些2行中HTML：

<link rel="apple-touch-icon" href="/apple-touch-icon.png"/> 
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png" /> 

分辨率：

• 蘋果觸摸的icon.png - > 114x114
• 蘋果觸摸圖標-precomposed.png - > 57x57

Android沒有問題，但我無法在新iPad和iPhone 4S中正常顯示。

質量很差。 Apple設備似乎用作主屏幕圖標apple-touch-icon-precomposed.png。

我的問題是：

• 我怎樣才能使圖標要善於尋找新&老的智能手機設備？

p.s.我希望把它用於舊設備如Android 2.2，iPhone 3G的& 4S兼容...

僅供參考，我使用的CoffeeScript，jQuery的& Ruby on Rails的建立它。

非常感謝您的幫助！

Answer 1

有關爲多個分辨率指定多個圖標，請參閱Apple文檔here。

注意apple-touch-icon-precomposed是不用於不同的分辨率，但要指出的圖像上的「光澤」已經被應用（iOS版所以應該不會對跳板表示應用自己光澤）。

對於全套能夠應付在原始分辨率目前所有的iDevices，你需要這樣的事情，那裏的圖像實際上是sizes=或57x57援引大小，如果沒有大小被引述。 ：

<link rel="apple-touch-icon" href="touch-icon-iphone.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" /> 
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-retina.png" /> 
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" /> 

Answer 2

嘗試The Icons Slayer。它會爲您生成很多看似合理的圖標大小。