タグを表示

iPhone/iPadアプリアイコンとスプラッシュスクリーン画像のファイル名&サイズをまとめてみた(Titanium Mobile用)

Retina用やiPad用やiPhone 5用などでどんどん種類が増えていくアプリアイコン。Titanium Mobileでアプリ開発時に必要になる画像のファイル名とサイズを調べてみました。

@kasumiiです。こんにちは。

iPhone/iPadアプリをつくるときに必要なアプリアイコンやスプラッシュスクリーン画像ってサイズがたくさんあって、はじめてのときはかなりわかりにくいので、自分なりにまとめてみたものを今後のためにメモメモ。

Titanium Mobile用はちょっとファイル名が違うみたいなので注意。

できるだけ追記していきたいですが、情報が古い場合があるので、公式ドキュメントも確認してくださいね。

【参考】iOS Human Interface Guidelines: Custom Icon and Image Creation Guidelines
【参考】Icons and Splash Screens – Documentation & Guides – Appcelerator Wiki
【参考】[iOS] アプリに必要なアイコン・起動画面の画像サイズ&ファイル名 | tande lab.
【参考】Sawalog » Titaniumで用意する画像のサイズ

大文字と小文字が混じっているので注意。/Resources/iphone 以下に置きます。

ファイル名 サイズ 説明
appicon.png 57 x 57 for non-retina iPhone/iPod touch (3/3G/3GS)
appicon@2x.png 114 x 114 for retina iPhone/iPod touch
appicon-72.png 72 x 72 for non-retina iPad
appicon-72@2x.png 144 x 144 for retina iPad
appicon-Small.png 29 x 29 for non-retina iPhone/iPod touch Spotlight and Settings (optional)
appicon-Small@2x.png 58 x 58 for retina iPhone/iPod touch Spotlight and Settings (optional)
appicon-Small-50.png 50 x 50 for non-retina iPad Spotlight and Settings (optional)
appicon-Small-50@2x.png 100 x 100 for retina iPad Spotlight and Settings (optional)
iTunesArtwork 1024 x 1024 for Ad Hoc, iTunes
PNGで作成し、拡張子は付けない
サイズは512×512でもいいけど1024×1024が推奨

こちらも大文字と小文字の違いに注意。/Resources/iphone 以下に置きます。

iPhoneは画面サイズそのままなのに、iPadのスプラッシュスクリーン画像はステータスバー分を除いたサイズになっているみたいですね。

ファイル名 サイズ 説明
Default.png 320 x 480 for non-retina iPhone/iPod touch (3/3G/3GS)
Default@2x.png 640 x 960 for retina iPhone/iPod touch
Default-568h@2x.png 640 x 1136 for iPhone 5/iPod touch (4inch)
Default-Portrait.png 768 x 1004 for non-retina iPad (portrait)
ステータスバー(20px)を除いたサイズ
Default-Portrait@2x.png 1536 x 2008 for retina iPad (portrait)
ステータスバー(40px)を除いたサイズ
Default-Landscape.png 1024 x 748 for non-retina iPad (landscape)
ステータスバー(20px)を除いたサイズ
Default-Landscape@2x.png 2048 x 1496 for retina iPad (landscape)
ステータスバー(40px)を除いたサイズ

iTunes Connectでアプリ申請時に「Large App Icon」を登録する必要があります。App Storeで表示するときに使うアイコンらしく、サイズは1024×1024。

これってiTunesArtworkとはまた別のものなのかな?調べてみたけどよくわかりませんでした。。。

とりあえず上記のものを用意しておけばアプリ申請時に困らない。はず。

このページの一番上へ

サイトのトップページへ

このページの一番下へ