我开发了我的第一个网络应用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" />
分辨率：
Android没问题，但我无法在新的iPad和iPhone 4S中正常显示。
质量差。 Apple设备似乎使用apple-touch-icon-precomposed.png作为主屏幕图标。
我的问题是：
P.S。我想让它兼容Android 2.2，iPhone 3G和iPad等旧设备。 4S ...
仅供参考，我正在使用Coffeescript，jQuery＆amp; Ruby on Rails构建它。
非常感谢你的帮助！
答案 0 :(得分：0)
在指定多个分辨率的多个图标时，请参阅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" />
答案 1 :(得分：0)
试试The Icons Slayer。它会为您生成许多看似合理的图标大小。