Sawalog

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

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

      2014/03/02

iPhone、iPadアプリやAndroidアプリ、KindleFireアプリをリリースする際に、必要となるアプリアイコン、スクリーンショットの画像のサイズをまとめてみました。
基本的にアイコンは全OS対象、それ以外はiOSです。

デザイナーさんに伝えたりとかするときにどうぞ。
 
・アプリアイコン
iTunesArtwork@2x.png  1024×1024 pix(iTunesConnectで設定)
iTunesArtwork.png    512×512(Android・Kindleで使う)
appicon-xxxhdpi.png    196×196(Android xxxhdpi用)
appicon-xxhdpi.png    176×176(Android xxhdpi Nexus5用)
appicon-76@2x.png  152×152  (iPadで使う)
appicon-72@2x.png  144×144 (Android xxhdpi)
appicon@2x.png    120×120
appicon-114.png    114×114   (Kindleで使う)
appicon-96.png     96×96 (Android xhdpi)
appicon-76.png     76×76  (iPadで使う)
appicon-72.png     72×72 (Android hdpi)
appicon.png      57×57
appicon-48.png     48×48 (Android mdpi)
appicon-36.png     36×36 (Android ldpi)
 
・必須ではない
appicon-40@2x.png   80×80(SpotlightSearch用)
appicon-Small@2x.png  58×58(設定用)
appicon-40.png      40×40
appicon-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 px
iTunesArtwork.png    512×512
appicon-xxxhdpi.png    196×196
appicon-xxhdpi.png     176×176
appicon-76@2x.png     152×152
appicon-72@2x.png     144×144
appicon@2x.png       120×120
appicon-114.png       114×114
appicon-96.png       96×96
appicon-76.png        76×76
appicon-72.png        72×72
appicon.png         57×57
appicon-48.png      48×48
appicon-36.png      36×36
 
・スプラッシュスクリーン
Default-Landscape@2x.png   2048(横)x1536(縦)
Default-Portrait@2x.png    1536×2048
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
 
━━━━━━━━━━━━━━━━━━━━ 
自分用メモなので、違ってたらスミマセンw
デザイナー様、いつもありがとうございます。
 
★1024×1024のアイコンをアップロードするだけで
 必要なアイコンを自動生成してくれるサービスもオススメ!
 Makeappicon – http://makeappicon.com/
 
 

 - Android, Apple, iPhone, Tips

Message

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

  関連記事

screenshot
Macの起動時の効果音を消す方法

Macを起動した時に「デ~ン!」ってなる効果音を消す方法です。 カフェに行ってM …

no image
iTunes10.5 から iTunes10.4 へ戻す方法 [Mac][ダウングレード]

iTunes10.5 beta6を使っていましたが、日本語名のMP3ファイルを …

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

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

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

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

【速報】AppleからApp Analyticsのお知らせ! Beta版

朝起きたら、Appleから「App Analytics Beta」のお知らせが来 …

no image
さくらVPSにSubversion 1.6.11 をインストール

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

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

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

no image
Titaniumで用意する画像のサイズ

Titaniumで用意する画像のサイズをまとめてみました。(2012.09.23 …

設定アプリ起動
iOS6 にアップデートする方法

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

no image
Titanium広告モジュールまとめ

こんにちは、Obj-C勉強中の@sawada50です。 @yagi_さんに超期待 …