[iPhone・iPad] Webアプリ用スタートアップ画像のサイズ

自由が丘で働くWeb屋のブログ

[iPhone・iPad] Webアプリ用スタートアップ画像のサイズ

[iPhone・iPad] Webアプリ用スタートアップ画像のサイズ

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』以外でも表示可能です。

 
カテゴリー:Webシステム開発, アプリ開発
タグ:,
2013年1月25日 11時52分
 

関連記事

 

コメントを書く

(C) 自由が丘で働くWeb屋のブログ