かっぱのゲーム三昧

カッパがゲームの攻略やプレイ日記、発売日情報についてまとめたブログです。

【iOSアプリ開発】AppIcon のサイズまとめ

【スポンサードリンク】

この記事の最終更新日: 2018/2/16

iOSアプリを作る時、
アプリ用の画像を各サイズ毎に大量に用意する必要があるので非常に大変。

公式サイトも英語で少し分かりづらいのでまとめ。

AppIconの基礎

iOSアプリを作る時、各 iOS用のそれぞれのサイズのアプリアイコン画像を作る必要があるので大変。

  • 最新情報は常に下記のiOS Human Interface Guidelinesを参照

App Icon - Icons and Images - iOS Human Interface Guidelines

  • AppIconを設定するには初期から用意されている Assets.xcassets の AppIcon の項目を編集すれば良い

AppIconのサイズ

  • Xcode 上で AppIcon をいじる時、 human interface guidelines では表示されてるアプリサイズの順番が違うので面倒
  • 今回は Xcode で表示されてるサイズ順にまとめてみる
20pt iPhone Notification iOS 7-11
  • iOS 7-11 で、 Notification(通知)が来た時に表示されるアプリアイコンの画像をここで指定
iPhone Notification iOS 7-11 20pt 2x 40px*40px
iPhone Notification iOS 7-11 20pt 3x 60px*60px
29pt iPhone Spotlight (iOS5-6) と Settings (iOS5-11)
  • iOS(5-6)のSpotlilght と iOS(5-11)のSettings の画像サイズは同じなので、一括で設定する
  • Spotlight は Spotlight検索された時に表示される画像を指定
  • Settings は設定画面で表示されるアイコン画像を指定
  • 58pt*58pt は先ほど用意した 60pt*60pt とほぼサイズが一緒なので再利用して少しサイズ変更して楽したい
2x 58px*58px
3x 87px*87px
40pt iPhone Spotlight(iOS 7-11)
  • iOS7-11 での Spotlight検索用のアプリ画像を指定
2x 80pt*80pt
3x 120pt*120pt
60pt Iphon App
  • アプリ画像(恐らく最も重要)を指定
  • 120pt*120ptの画像は使いまわせる
2x 120pt*120pt
3x 180pt*180pt
20pt iPad Notification
  • iPad でのNotification画像を指定
1x 20pt*20pt
2x 40pt*40pt
29pt iPad Settings
  • iPad の設定画面でのアイコン
  • 58pt*58pt の画像は使いまわせる
1x 29pt*29pt
2x 58pt*58pt
40pt Ipad Spotlight
  • iPad の Spotlight 検索用の画像を指定
1x 40pt*40pt
2x 80pt*80pt
76pt iPad App
  • Ipad のアプリアイコン(iPadも対応するなら恐らく重要)
1x 76pt*76pt
2x 152pt*152pt
83.5pt iPad Pro App
  • iPad Pro のアプリアイコン
2x 167pt*167pt
1024pr App Store
  • App Store で表示されるアプリアイコン
  • 超重要中の重要
  • 他のアプリアイコンと比べサイズが全然違うので注意
1024pt*1024pt