0

私は最初のWebアプリhttp://checkamy.herokuapp.comを開発しました。私はアプリをすべての一般的なデバイスと互換性のあるものにしています。しかし、モバイルホーム画面のアイコンを作成する際に問題が発生しました。

私はHTMLでこれらの2行を持っています：

<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

Androidでは問題ありませんが、新しいiPadやiPhone4Sでは正しく表示できません。

品質が悪いです。Appleデバイスはapple-touch-icon-precomposed.pngホーム画面のアイコンとして使用されているようです。

私の質問は：

  • 新旧のスマートフォンデバイスでアイコンの見栄えを良くするにはどうすればよいですか？

ps Android 2.2、iPhone 3G、4Sなどの古いデバイスと互換性を持たせたい...

参考までに、Coffeescript、jQuery、RubyonRailsを使用してビルドしています。

助けてくれて本当にありがとうございます！

4

2 に答える 2

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 に答える
0

アイコンスレイヤーを試してみてください。それはあなたのために一見賢明なアイコンサイズをたくさん生成します.

于 2013-03-03T21:54:38.690 に答える