0

我开发了我的第一个网络应用程序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

在 Android 上没问题，但我无法让它在新 iPad 和 iPhone 4S 上正常显示。

质量很差。Apple 设备似乎用apple-touch-icon-precomposed.png作主屏幕图标。

我的问题是：

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

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

仅供参考，我正在使用 Coffeescript、jQuery 和 Ruby on Rails 来构建它。

非常感谢您的帮助！

4

2 回答 2

0

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

于 2013-03-03T21:54:38.690 回答
0

请参阅此处的 Apple 文档，了解为多个分辨率指定多个图标。

请注意，apple-touch-icon-precomposed它不是用于不同的分辨率，而是表示图像上的“光泽度”已经被应用（因此 iOS 不应在跳板表示上应用自己的光泽度）。

对于能够以原始分辨率处理所有当前 iDevice 的全套设备，您需要这样的东西，其中图像实际上是引用的大小，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" />
于 2012-09-03T07:19:33.280 回答