2017年10月に更新されたリスト、iOS11
網膜ありとなしのiPhoneおよびiPadのリスト
<!-- iPhone(first generation or 2G), iPhone 3G, iPhone 3GS -->
<link rel="Apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png">
<!-- iPad and iPad mini @1x -->
<link rel="Apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<!-- iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone 6, iPhone 6s, iPhone 7, iPhone 7s, iPhone8 -->
<link rel="Apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<!-- iPad and iPad mini @2x -->
<link rel="Apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<!-- iPad Pro -->
<link rel="Apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
<!-- iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus -->
<link rel="Apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="192x192" href="icon-hd.png">
<!-- Android Devices Normal Resolution -->
<link rel="icon" sizes="128x128" href="icon.png">
2017年10月にiOS 11を更新：iOS 11がチェックされ、iPhone XとiPhone 8が導入されました
2016年11月iOS 10を更新：新しいiOSバージョンiPhone 7およびiPhone 7plusが導入され、iPhone 6sおよびiPhone 7plusと同じ表示解像度、dpiなどを持っています、これまでは2015年の更新に関する変更は見つかりませんでした
2016年中旬のAndroidの更新：AppleタッチリンクがGoogleによって非推奨としてマークされているため、リストにAndroidデバイスを追加デバイスではいつでもサポートされていません
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="192x192" href="icon-hd.png">
<!-- Android Devices High Resolution -->
<link rel="icon" sizes="128x128" href="icon.png">
2015 iOS 9のアップデート：iOS 9およびiPad proの場合
<link rel="Apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
新しいiPhone（6sおよび6s Plus）はiPhone（6および6 Plus）と同じサイズを使用しています。新しいiPad proは167x167ピクセルのサイズの画像を使用していますが、他の解像度は同じです。
2014 iOS 8を更新：
IOS 8およびiPhone 6プラスの場合
<link rel="Apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
IPhone 6は、iPhone 4および5と同じ120 x 120ピクセルの画像を使用し、その他はiOS 7と同じです
2013 iOS7の更新：
IOS 7では、推奨解像度が変更されました。
- iPhone Retinaの場合、114 x 114ピクセルから120 x 120ピクセル
- iPad Retinaの場合、144 x 144ピクセルから152 x 152ピクセル
他の解像度はまだ同じです
- 57 x 57 pxのデフォルト
- 網膜のないiPadの場合は76 x 76ピクセル
ソース： https://developer.Apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
これらのサイズ57x57、72x72、114x114、144x144を使用し、ドキュメントのヘッドでこれを行います。
<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" />
これは、すべてのAppleデバイスで適切に表示されます。 ;）
IPad（第3世代）では、アイコンサイズが57x57、72x72、114x114、144x144の4つになりました。
Retinaアイコンは標準アイコンのサイズのちょうど2倍なので、実際に作成する必要があるのは2アイコン：114 x 114および144 x 144です。Retinaサイズのアイコンを対応する標準アイコンに設定すると、iOSそれに応じて。
<!-- Standard iPhone -->
<link rel="Apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
<!-- Retina iPhone -->
<link rel="Apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
<!-- Standard iPad -->
<link rel="Apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
<!-- Retina iPad -->
<link rel="Apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
Appleのサイトのアイコンは152x152ピクセルです。
http://www.Apple.com/Apple-touch-icon.png
それがあなたの質問に答えることを願っています。
私はしばらくの間iOSアプリの開発と設計を行ってきましたが、 This は最高のiOS設計チートシートです！
楽しんで ：）！
更新：iOS 8以降、および新しいデバイス（iPhone 6、6 Plus、iPad Air）については、 この更新されたリンク を参照してください。
メタ更新：Iphone 6s/6s PlusはそれぞれiPhone 6/6 Plusと同じ解像度を持ちます
これは、記事の新しいバージョンの画像です。
TL; DR：1つのPNGアイコンを180 x 180 px @ 150 ppiで使用し、次のようにリンクします：
<link rel="Apple-touch-icon" href="path/to/Apple-touch-icon.png">
アプローチの詳細
2018年10月2日の時点で、Appleからの標準的な応答は iOSのドキュメント に反映されています。
公式には、仕様には次のように書かれています。
- iPhone 180px×180px（60pt×60pt @ 3x）
- iPhone 120px×120px（60pt×60pt @ 2x）
- iPad Pro 167px×167px（83.5pt×83.5pt @ 2x）
- iPad、iPad mini 152px×152px（76pt×76pt @ 2x）
実際には、これらのサイジングの違いはわずかであるため、パフォーマンスの節約は、トラフィックの非常に多いサイトでのみ重要になります。
トラフィックの少ないサイトでは、通常、180 x 180 px @ 150 ppiで1つのPNGアイコンを使用します。もの。
Appleのサイトの関連ドキュメント WebクリップのWebページアイコンの指定 。
文書の先頭に何かを置く必要はありません。リンク要素を使用してアイコンが指定されていない場合、Webサイトのルートディレクトリで、Apple-touch-iconまたはApple-touch-icon-precomposedプレフィックス。
たとえば、デバイスの適切なアイコンサイズが57 x 57の場合、システムは次の順序でファイル名を検索します。
- Apple-touch-icon-57x57-precomposed.png
- Apple-touch-icon-57x57.png
- Apple-touch-icon-precomposed.png
- Apple-touch-icon.png
はい。 サイズが一致しない場合、システムは再スケーリングします 。ただし、2つのバージョンのアイコンを作成することをお勧めします。
- iPad — 72x72。
- iPhone（≥4）— 114x114。
- iPhone≤3GS— 57x57 —可能であれば。
サーバーで ユーザーエージェントによってiPadとiPhoneを区別 することができます。サーバーでスクリプトを書きたくない場合は、Javascriptでアイコンを変更することもできます。
<link ref="Apple-touch-icon" href="iPhone_version.png" />
...
if (... iPad test ...) {
$('link[rel="Apple-touch-icon"]').href = 'iPad_version.png'; // assuming jQuery
}
これは、Webクリップを追加するときにのみアイコンが照会されるため、機能します。
（JavascriptでiPhone≥4とiPhone≤3GSを区別する公的な方法はまだありません。）
はい、60x60より大きいサイズがサポートされています。簡単にするために、次の4つのサイズのアイコンを作成します。
1) 60x60 <= default
2) 76x76
3) 120x120
4) 152x152
次のように、HTMLにリンクとして追加することをお勧めします。
<link rel="Apple-touch-icon" href="touch-icon-iphone.png">
<link rel="Apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="Apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="Apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
上記の4つのリンクを宣言せずに、1つのリンクだけを宣言することもできます。その場合、152x152の最大サイズ、または196x196などのそれ以上のサイズを指定します。再目的のために常にサイズを縮小します。 sizeに必ず言及してください。
また、単一のリンクであっても宣言しないことを選択できます。 Appleは、このシナリオでは、必要なサイズ（命名形式：Apple-touch-icon-<size>.png）のすぐ上のサイズを最初にサーバールートで検索し、見つからない場合は次に検索することを述べています。 default file:Apple-touch-icon.pngを探します。ブラウザがサーバーに照会するのを最小限に抑えるため、リンクを定義することをお勧めします。
アイコンの必需品：
- use PNG, avoid interlaced
- use 24-bit PNG
- not necessary to use web-safe colors
IOS 7より古いバージョンでは、アイコンにエフェクトを追加したくない場合は、ファイル名にサフィックス-precomposed.pngを追加するだけです。 （iOS 7は、それがなくてもエフェクトを追加しません）。
この質問はWebアイコンに関するものだと思います。 512x512でアイコンを表示しようとしましたが、iPhone 4シミュレーターでは（プレビューでは）見栄えがよくなりますが、ホーム画面に追加すると、ピクセルがひどくなります。
良い面として、iPadで大きなアイコンを使用すると（まだ512x512のテストで）、iPadでより良い品質で表示されるようです。願わくば、iPhone 4のレンダリングがバグであることを願います。
レーダーでこれに関するバグをオープンしました。
編集：
現在、iPhone 4がリリースされたときに見栄えが良くなることを期待して、114x114アイコンを使用しています。 iPhone 4がまだ出てきたときにバグがある場合は、iPadのアイコンを最適化（72x72で鮮明でサイズ変更なし）してから、古いiPhoneに合わせて縮小します。
iPhoneおよびiPod touchの場合、以下を測定するアイコンを作成します。
57 X 57 pixels
114 X 114 pixels (high resolution @2X)
iPadの場合、以下を測定するアイコンを作成します。
72 x 72 pixels
144 X 144 pixels (high resolution @2X)