0

Apple Touch アイコンのサイズがたくさんあると読みました。

そのように:

<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />

私が購入したテーマでは、私のコードは次のようになります。

<link rel="apple-touch-icon" href="logo.png" /><style type="text/css" media="all">

問題は、サイズが指定されていない場合、アイコンのサイズはどのくらいで、thevice はそれをどのように処理するのかということです。

私の推測では、アイコンを 144x144 にすると、上記のすべてが適切に縮小されます。

※参考:apple-touch-icon.png は iPad と iPhone 4 でどのくらいのサイズにすればいいですか?

4

1 に答える 1

1

この Apple Developer pageによると、サイズが指定されていない場合、デフォルトで 57x57 になります...しかし、そこに大きなアイコンがある場合、デバイスは適切にスケーリングすると信じているため、144x144 が機能します。

ただし、コードにアクセスできる場合は、そこにあるものを変更して、さまざまなサイズを指定してみませんか? そうすれば、各デバイスはその画面に適切なサイズの画像のみをダウンロードし、帯域幅をいくらか節約できます (これは、低速の 3G または 3G 以前の接続を使用している可能性があるモバイル デバイスでは重要です)。

1 つの注意点は、非常に古いデバイスは「サイズ」属性を理解せず、最後に指定された要素をロードしてしまうことです...そのため、57x57 アイコンをリストの一番下に置いておく必要があります。

最後に、最初のサンプル コードのファイル名は変更できることに注意してください。「apple-touch-icon-114x114.png」の方が「apple-touch-icon-iphone4.png」よりも理にかなっている場合は、代わりにそれ (またはお好みのもの) を自由に使用してください。href 属性の URL が、使用しているファイル名と一致していることを確認してください。これに関する唯一の懸念は、apple-touch-icon リンクが指定されていないページでもデフォルトが残るように、4 つのデフォルト イメージのいずれかに一致するファイルがあることを確認することです。4 つの画像は次のとおりです (チェックされた順序で)。

  1. apple-touch-icon-57x57-precomposed.png
  2. apple-touch-icon-57x57.png
  3. apple-touch-icon-precomposed.png
  4. apple-touch-icon.png
于 2013-09-05T01:59:29.443 に答える