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

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

  関連記事

no image
Androidアプリ開発アイコンリソースサイズ一覧

Androidアプリで必要なアイコンのサイズ一覧です。 Kindleストアで必要 …

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

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

no image
iOS5 beta インストールしてみた

やっと帰宅したので、一日遅れだけど早速iOS5を入れてみた。 今回はiPad2に …

no image
アプリ開発に必要な画像サイズ【iPhone6対応】

アプリ開発で用意する画像のサイズを個人用にまとめてみました。 デザイナーさんに伝 …

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

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

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

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

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

iPhone、iPadアプリ開発で用意する画像のサイズをまとめてみました。 iO …

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

Titanium Certified Application Developer …

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

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

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

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