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
さくらVPSにSubversion 1.6.11 をインストール

引き続き、さくらのVPSたんで遊んでいます! さくらのVPSにバージョン管理シス …

no image
新しくMacBookを買ったら設定することリスト

新しくMacbook Proを購入しました(ΦωΦ) 毎回、Macを購入すると行 …

今すぐできるASO対策(アプリストア最適化)の始め方:AppStore版

アプリを出す上でASO(App Store Optimization:アプリスト …

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

※注意 この記事は以前のアプリ開発者用です。    → 普通のiOS6のアップデ …

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

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

no image
アプリ開発で用意するアイコンサイズまとめ

iPhone、iPadアプリやAndroidアプリ、KindleFireアプリを …

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

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

Titanium製アプリ150個まとめ

こんばんは、@nyacckです。 @astronaughtsさん主催のTitan …

no image
Xcode 4.0.2がダウンロードできない Access denied for download

Xcode4.0.2 をダウンロードしようとしてApple Developerに …

iPhoneアプリ開発におけるProvisioningファイルの設定

毎回iPhoneアプリを作るたびに実機で動かす際に証明書の発行、Provisio …