Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 5 years have passed since last update.

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

例)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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away