こんにちは。
公式ドキュメント iOS Developer Library(リンク)には、Web Clipについて下記のとおりの記述があります。
To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon.png
(Webサイト全体(Webサイト上のすべてのページ)のアイコンを指定するには、apple-touch-icon.png と命名したPNG形式のアイコンファイルをルートディレクトリに配置してください)
つまり、ルートディレクトリに apple-touch-icon.png を置いておけばいいということです。
厳密に iPhone、iPhone Retina、iPad、iPad Retina それぞれに対応させたい場合は、複数のサイズ(リンク)のアイコンをルートディレクトリに配置したうえで、HTMLに
lang
1<link rel="apple-touch-icon" href="touch-icon-iphone.png">
2<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
3<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
4<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
と記述します。
ただし、公式ドキュメントには
If there is no icon that matches the recommended size for the device, the smallest icon larger than the recommended size is used. If there are no icons larger than the recommended size, the largest icon is used.
(デバイスの推奨サイズに一致するアイコンがない場合は、推奨サイズよりも大きな最小サイズのアイコンが使用されます。それがアイコンがない場合は、最大のアイコンが使用されます。※一部意訳)
とありますので、152x152(6 plusを考慮した場合は 180x180)のアイコンだけを作成し、
apple-touch-icon.png というファイル名でルートディレクトリに配置しておけばいいことになります。
今回の回答でリンクさせていただいた公式ドキュメントには開発の際に遭遇する問題を解決へと導く多くのことが書かれています。お時間があるときにでも、全文をご一読いただければと思います。
以上、ご参考いただければ幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/03 04:41
退会済みユーザー
2015/06/03 04:56
退会済みユーザー
2015/06/03 05:03
2015/06/04 01:26
2015/09/10 11:17
退会済みユーザー
2015/09/11 00:55