iPhoneやiPadのホーム画面に追加したときのアイコンの設定方法

iPhoneやiPadのホーム画面にウェブサイトのショートカットを追加したときに、アイコンが表示される場合とサイトのキャプチャーが表示される場合があります。

サイトのキャプチャーの場合は特に何も設定は必要ありませんが、任意のアイコンを表示させたい場合はアイコン画像を準備したうえでウェブサイトのHTMLのheadタグ内に1行追加するだけで表示することができます。


アイコンのサイズについては適切なサイズが無い場合は大きいサイズの物を縮小して表示するようなのでiPhone・iPadで最大サイズの180px×180pxをお勧めします。


【参考】
Configuring Web Applications
App Icon - Graphics - iOS Human Interface Guidelines