iPhoneやiPad用のWebサイトをホーム画面に追加してネイティブアプリの様に見せたい場合、スタートアップ画像(startup.png)を準備して指定すると、よりネイティブアプリらしく見せる事ができます。
スタートアップ画像のサイズや注意点などは以下から。
スタートアップ画像のサイズ
Webアプリ起動時に表示するスタートアップ画像のサイズ・画像形式は決まっています。
iPhone向け | iPad向け |
---|---|
320px × 460px のPNGファイル | 768px × 1004px のPNGファイル |
スタートアップ画像の指定方法
HTMLファイルのheadタグ内に下記1行を記述します。
<link rel="apple-touch-startup-image" href="startup.png" />
スタートアップ画像のファイル名は『startup.png』以外でも表示可能です。
コメント