注目の記事

[iOS 7] iOSアイコンファイル早見表（2013/9）

特集

山本 一郎

2013.09.19

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

iOS7でのデザインリニューアルに伴ってアイコンサイズも変更になりました。
これが意外とややこしいので、デバイスとOSバージョンによって必要になるアイコンファイルを一覧にまとめてみました。

iOSアイコンファイル早見表（2013/9）

アイコン種別 ファイル名 iPhone iPad サイズ 角丸半径 ＊1
iOS5,6 iOS7 iOS5,6 iOS7
アプリアイコン Icon.png ○ 57 x 57 10
Icon@2x.png ○ 114 x 114 20
Icon-72.png ○ 72 x 72 12
Icon-72@2x.png ○ 144 x 144 24
Icon-60.png ＊2 60 x 60 13
Icon-60@2x.png ○ 120 x 120 26
Icon-76.png ○ 76 x 76 17
Icon-76@2x.png ○ 152 x 152 34
設定・Spotlightアイコン Icon-Small.png ○ ○ ○ 29 x 29 5
Icon-Small@2x.png ○ ○ ○ ○ 58 x 58 10
Icon-Small-40.png ○ 40 x 40 9
Icon-Small-40@2x.png ○ ○ 80 x 80 18
Icon-Small-50.png ○ 50 x 50 9
Icon-Small-50@2x.png ○ 100 x 100 20
AppStoreアイコン iTunesArtwork ○ ○ ○ ○ 512 x 512 90
iTunesArtwork@2x ○ ○ ○ ○ 1024 x 1024 180

＊1 角丸半径は大まかな値ですので、あくまでアイコンをデザインする際の目安として捉えてください。
＊2 iOS7をインストールできる非Retinaのデバイスは現時点で存在しないため今のところ必要ありません。

ケース１：iPhone x iOS7をターゲットにしたアプリ開発

プロトタイピングでしかお目にかかれなそうな・・最もシンプルなケースです。
上記のアイコンファイル早見表で、iPhoneのiOS7に○が付いてるアイコンファイルだけ用意すればOKです。

アイコン種別 ファイル名 iPhone iPad サイズ 角丸半径 ＊1
iOS5,6 iOS7 iOS5,6 iOS7
アプリアイコン Icon-60@2x.png ○ 120 x 120 26
設定・Spotlightアイコン Icon-Small@2x.png ○ ○ ○ ○ 58 x 58 10
Icon-Small-40@2x.png ○ ○ 80 x 80 18
AppStoreアイコン iTunesArtwork ○ ○ ○ ○ 512 x 512 90
iTunesArtwork@2x ○ ○ ○ ○ 1024 x 1024 180

ケース2：iPhone & iPad x iOS7をターゲットにしたアプリ開発

ケース１にiPad対応を含めてみました。今後の開発案件で増えて行くと思われるケースです。
このケースの場合はiPhoneのiOS7、iPadのiOS7に○が付いているアイコンを合わせて用意すればOKです。

アイコン種別 ファイル名 iPhone iPad サイズ 角丸半径 ＊1
iOS5,6 iOS7 iOS5,6 iOS7
アプリアイコン Icon-60@2x.png ○ 120 x 120 26
Icon-76.png ○ 76 x 76 17
Icon-76@2x.png ○ 152 x 152 34
設定・Spotlightアイコン Icon-Small.png ○ ○ ○ 29 x 29 5
Icon-Small@2x.png ○ ○ ○ ○ 58 x 58 10
Icon-Small-40.png ○ 40 x 40 9
Icon-Small-40@2x.png ○ ○ 80 x 80 18
AppStoreアイコン iTunesArtwork ○ ○ ○ ○ 512 x 512 90
iTunesArtwork@2x ○ ○ ○ ○ 1024 x 1024 180

ケース３：iPhone & iPad x iOS5〜7をターゲットにしたアプリ開発

現時点はこれが最も多いケースかもしれませんね。はい、今iOS5切りたいと思った方。貴方とはいいお酒が飲めそうです。
このケースはiPhoneのiOS5,6とiOS7、iPadのiOS5,6とiOS7に○が付いているアイコン（ほぼ全て）を用意すればOKです。

アイコン種別 ファイル名 iPhone iPad サイズ 角丸半径 ＊1
iOS5,6 iOS7 iOS5,6 iOS7
アプリアイコン Icon.png ○ 57 x 57 10
Icon@2x.png ○ 114 x 114 20
Icon-72.png ○ 72 x 72 12
Icon-72@2x.png ○ 144 x 144 24
Icon-60@2x.png ○ 120 x 120 26
Icon-76.png ○ 76 x 76 17
Icon-76@2x.png ○ 152 x 152 34
設定・Spotlightアイコン Icon-Small.png ○ ○ ○ 29 x 29 5
Icon-Small@2x.png ○ ○ ○ ○ 58 x 58 10
Icon-Small-40.png ○ 40 x 40 9
Icon-Small-40@2x.png ○ ○ 80 x 80 18
Icon-Small-50.png ○ 50 x 50 9
Icon-Small-50@2x.png ○ 100 x 100 20
AppStoreアイコン iTunesArtwork ○ ○ ○ ○ 512 x 512 90
iTunesArtwork@2x ○ ○ ○ ○ 1024 x 1024 180

編集後記

対応するデバイス、OSバージョンが増えていくと必要になるアイコンも総じて増えていきますね。
ただまだまだiOS6対応は外せないと思いますので、そんな時はこの早見表を活用してもらえれば嬉しいです。

またXcode5ではイメージリソースの管理方法が進化して、アイコンファイルも管理しやすくなりました。
こちらはまた別の機会にご紹介できればと思います。

山本

関連リンク

[iOS 7] イラレ使いのためのiOSアプリアイコン作成テンプレート（.ai）

customer-story-analytics