[デザイナー向け] iPhoneアプリに必要な画像・アイコン

  • 475
    いいね
  • 3
    コメント
この記事は最終更新日から1年以上が経過しています。

アプリに組み込むアイコン画像

例)iOS6以降に対応するアプリはiOS6, 7, 8全てのファイルを用意して下さい。
  iOS7以降に対応するアプリはiOS7, 8全てのファイルを用意して下さい。

系列 サイズ(px) iOS6 iOS7 iOS8 ファイル名の例 利用箇所
57系 57x57, 114x114 icon-57.png, icon-57@2x.png iPhoneメインアイコン
60系 120x120 icon-60@2x.png iPhoneメインアイコン
60系 180x180 icon-60@3x.png iPhoneメインアイコン
72系 72x72, 144x144 icon-72.png, icon-72@2x.png iPadメインアイコン
76系 76x76, 152x152 icon-76.png, icon-76@2x.png iPadメインアイコン
29系 29x29 icon-29.png iPhone Spotlight(iOS6), iPhone設定(iOS6), iPad設定(iOS7,8)
29系 58x58 icon-29@2x.png iPhone設定(iOS6, 7), iPad設定(iOS6, 7, 8)
29系 87x87 icon-29@3x.png iPhone設定
40系 40x40 icon-40.png iPad Spotlight(iOS7, 8)
40系 80x80 icon-40@2x.png iPhone Spotlight(iOS7), iPad Spotlight(iOS7, 8)
40系 120x120 icon-40@3x.png iPhone Spotlight(iOS8)
50系 50x50, 100x100 icon-50.png, icon-50@2x.png iPad Spotlight,iPad設定

◯:必要 ☓:不要
ファイル名は例ですのでご自由に変更して下さい。
画像は角丸にする必要はありません。

申請時に登録するアイコン画像

系列 サイズ(px) ファイル名の例
512系 1024x1024 iTunesArtwork@2x.png

アプリに組み込むスプラッシュ画像(縦)

端末 サイズ(幅px x 高px) ファイル名の例 備考
〜iPhone3GS 320x480 Default.png 〜iOS6
iPhone4/4s 640x960 Default@2x.png iOS4〜
iPhone5/5s 640x1136 Default-568h@2x.png iOS6〜
iPhone6 750x1334 Default-667h@2x.png iOS8〜
iPhone6Plus 1242x2208 Default-736h@3x.png iOS8〜

申請時に登録するアプリ説明画像

72dpi, RGB, 透過無し、JPEGかPNG形式。

端末画面サイズ 画像サイズ(幅×高さ) 最大枚数 必要?
3.5インチ 640x920, 640x960, 960x600, 960x640 5枚 最低1枚必要
4インチ 640x1096, 640x1136, 1136x600, 1136x640 5枚 最低1枚必要
4.7インチ 750x1334, 1334x750 5枚 iPhone6の画面サイズに対応したアプリでは最低1枚必要
5.5インチ 1242x2208, 2208x1242 5枚 iPhone6 Plusの画面サイズに対応したアプリでは最低1枚必要

申請時に登録するアプリ動画

端末画面サイズ 動画サイズ(幅×高さ) 最大数 必要?
4インチ 1920x1080, 1136x640, 1080x1920, 640x1136 1 任意
4.7インチ 1334x750, 750x1334 1 任意
5.5インチ 1920x1080, 1080x1920 1 任意

動画フォーマットの詳細
https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html#//apple_ref/doc/uid/TP40011225-CH26-SW14

アイコン リサイズツール

Web
MakeAppicon
App Icon Resizer

アプリ(Mac)
Icon Set Creator
IconKit

アイコン テンプレート

Photoshop
Illustrator

参考資料

iTunes Connect App Properties
https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html

iOS Human Inteface Guidelines - Icon and Image Size
https://developer.apple.com/library/IOs/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html