Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
469
456

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-09-19

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

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

469
456
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
469
456

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?