iPhone/iPad用ホーム画面アイコン「apple-touch-icon.png」設置

Hinemosu,iPad,iPhone

iPhone/iPadで、「ホーム画面に追加」したときに参照されるアイコン「apple-touch-icon.png」を設置しました。

通常、iPhone/iPadから「ホーム画面に追加」すると、サイトのキャプチャ画像をベースにしたアイコンが表示されます。

しかし、サイトのルートディレクトリに「apple-touch-icon.png」が設置してあると、こちらが優先的に使用されるそうです。

当サイトでは、faviconやfacebookページアイコンに使用している「ひ」マークを、150x150pxのPNG画像に変更し、それを「apple-touch-icon.png」としました。

どんな感じか気になる人は、さっそく「ホーム画面に追加」してみると良いよ!

その他詳細は『iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum』に良くまとまっていますので、興味のある方はご参照あれ。