我开发了我的第一个web应用程序http://checkamy.herokuapp.com.我正在使该应用程序与所有常见设备兼容。然而，我在为移动主屏幕制作图标时遇到了问题。
我有这两行HTML：
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png" />
分辨率：
- 苹果触摸屏.png->114x114
- apple-touch-icon-precomposed.png->57x57
安卓系统没有问题，但我无法让它在新的iPad和iPhone 4S上正常显示。
质量不好。苹果设备似乎使用apple-touch-icon-precomposed.png作为主屏幕图标。
我的问题是：
- 如何使图标在新的&旧的智能手机设备
p.s.我想让它兼容Android 2.2、iPhone 3G&4秒。。。
仅供参考，我正在使用Coffeescapet，jQuery&Ruby on Rails来构建它。
非常感谢你的帮助！
请参阅此处的Apple文档，了解如何为多个分辨率指定多个图标。
请注意，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" />
试试图标杀手。它为您生成了许多看似合理的图标大小。