Android iPhone、新款iPad和；安卓

我开发了我的第一个网络应用程序。我正在使应用程序与所有常用设备兼容。但是，我在为移动主屏幕制作图标时遇到了问题

我在HTML中有以下两行代码：

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

决议：

• apple-touch-icon.png->114x114
• apple-touch-icon-precomposed.png->57x57

安卓系统没问题，但我不能让它在新的iPad和iPhone4S上正常显示

质量不好。Apple设备似乎使用了预合成的Apple touch图标作为主屏幕图标

我的问题是:

• 如何使新旧智能手机设备中的图标美观

p、 我想让它与Android 2.2、iPhone 3G和4S等旧设备兼容

仅供参考，我正在使用Coffeescript、jQuery和RubyonRails构建它

---

非常感谢你的帮助

有关为多个分辨率指定多个图标的信息，请参见苹果文档

请注意，

预合成的apple touch图标

并非用于不同的分辨率，而是用于指示图像上的“光泽”已经应用（因此iOS不应在springboard表示上应用其自身的光泽）

对于能够以本机分辨率处理所有当前idevice的完整图像集，您需要这样的内容，其中图像实际上是

size=

中引用的大小，如果没有引用大小，则为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" />

试试看。它为您生成了许多看似合理的图标大小