Sawalog

スマートフォンアプリの技術的な開発ログや企画、マーケティングに関する方法やノウハウをまとめたブログ

iPhoneアプリ開発で用意するアイコン画像サイズ(iOS7対応版)

      2013/11/03

iPhone、iPadアプリ開発で用意する画像のサイズをまとめてみました。
iOS7になってサイズも変更されたので、下記にまとめます。

デザイナーさんに伝えたりとかするときにどうぞ。
 
・アプリアイコン
icon-76@2x.png———-152×152
icon-72@2x.png————-144×144
icon@2x.png————-120×120
icon-76.png————-76×76
icon-72.png————-72×72
icon.png—————-57×57
 
・必須ではない
iTunesArtwork@2x.png—-1024×1024 pix(iTunesConnectで)
iTunesArtwork.png——-512×512(Androidでも使える)
icon-40@2x.png———–80×80(SpotlightSearch用)
icon-Small@2x.png——–58×58(設定用)
icon-40.png————–40×40
icon-Small.png———–29×29
 
 
・スプラッシュスクリーン
Default-Landscape@2x.png–2048×1536 (iPad横の高解像度)
Default-Portrait@2x.png—1536×2048 (iPad縦の高解像度)
Default-Landscape.png—–1024×768
Default-Portrait.png——768×1024
Default-568h@2x.png——-640×1136
Default@2x.png————640×960 
Default.png—————320×480
 
 
・ナビバー
navbar@2x.png————640×88
navbar.png—————320×44
navbar-ipad@2x.png——-1536×88
navbar-ipad.png———-768×44

 
 
 
▼以下、デザイナーさんにお願いするとき用のテンプレ
 
━━━━━━━━━━━━━━━━━━━━
アプリアイコンとスプラッシュスクリーン、ナビバー画像
は以下のサイズ、ファイル名でご用意いただきたいです。
 
・アプリアイコン
iTunesArtwork@2x.png—-1024×1024 pix
iTunesArtwork.png——-512×512
icon-76@2x.png———-152×152
icon@2x.png————-120×120
icon-76.png————-76×76
icon.png—————-57×57
 
・スプラッシュスクリーン
Default-Landscape@2x.png–2048×1536 (iPad横の高解像度)
Default-Portrait@2x.png—1536×2048 (iPad縦の高解像度)
Default-Landscape.png—–1024×768
Default-Portrait.png——768×1024
Default-568h@2x.png——-640×1136 (iPhone5用)
Default@2x.png————640×960 
Default.png—————320×480
 
・ナビバー
navbar@2x.png————640×88
navbar.png—————320×44
navbar-ipad@2x.png——-1536×88
navbar-ipad.png———-768×44
 
━━━━━━━━━━━━━━━━━━━━ 
自分用メモなので、違ってたらスミマセン。すぐ直します。
デザイナー様、いつもありがとうございます。
 
 

 - iPhone, Tips

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
60万ダウンロード達成

土日にちびちびとアプリを開発しておりまして、 気がつけば合計61万DLまでいって …

no image
iOS7でTitaniumでstatusBarのcolorを変更する(Titanium 3.2.3)

Titanium3.2以上に変えたタイミングで、ステータスバーの色の変更ができな …

アプリ企画に使える!オズボーンのチェックリスト

  アプリの企画やアイデアを考えたいけど、どうも良いネタがない・・・ そんなとき …

Titanium Stdio インストール・日本語化のやり方 [Mac OS X]

Titanium Developer でアプリのビルドやデバッグをしていたけど、 …

AppStoreの審査に異変?アプリのレビュー時間が大幅短縮も

Flickr by Dirk Vorderstraße ここ数日、Apple審査 …

no image
Macに「Windows」と喋らせるとテンション低い件

MacにはsayコマンドというOSX専用コマンドがあり、好きな言葉をMacに喋ら …

Xcode4.5でiOS6以外のシミュレータを追加する方法

Xcode4.5で使えるsimulatorはiOS6のみになってしまったようで、 …

no image
Titanium Certified Application Developerになったよ!

Titanium Certified Application Developer …

アプリレビュー依頼先一覧(iOS&Android)

アプリをリリースするときにレビュー依頼するレビューサイトまとめ。 過去の結果&主 …

iOS6 にアップデートする方法

iPhoneをiOS6にアップデートする方法をご紹介。 (iOS6をダウンロード …