iphone - Apple iPhone/iPodTouch Web クリップ アイコンのサイズ

Question

Apple iPhone および iPod Touch では、次のようにアイコン ファイルへのリンクを指定します。

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

...しかし、このページでは、iPhone < 4 用と iPhone 4 用の 2 つの異なるサイズのアイコンを指定することをお勧めします。

2 つの個別のアイコンを指定する方法を示すドキュメントはありません。誰でも助けることができますか？

Answer 1

Googleにはこれに関するドキュメントがたくさんあります。

使用するだけです：

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

---

追加情報として、のapple-touch-icon-precomposed代わりにを使用すると、光沢効果のないアイコンを使用できますapple-touch-icon。

また、スプラッシュ画面などのSafariMobileのすべての機能を使用するために使用できるタグがいくつかあります。

また、このMobile Tutsの記事を読んでください。そうすれば、すばらしいWebアプリを作成するために必要なほとんどすべてのことがわかります。