iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました!
iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が!
一覧でわかりやすく表示しました。

アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様!
iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・
iOS7用iPhoneアプリ アイコンサイズ一覧
単位はピクセル
ファイル名 (対応OS) | 画像サイズ |
---|---|
icon.jpg (iOS6 ホーム用) |
57×57 |
icon@2x.jpg (iOS6 retina ホーム用) |
114×114 |
icon-60@2x.jpg (iOS7 retina ホーム用) |
120×120 |
icon-small.jpg (iOS6 Spotlight検索用) |
29×29 |
icon-small@2x.jpg (iOS6 RetinaのSpotlight検索用およびiOS7用) |
58×58 |
icon-small-40@2x.jpg (iOS7 設定用) |
80×80 |
iTunesArtwork (iOS6 app store用/拡張子なしでOK) |
512×512 |
iTunesArtwork (iOS6 retinaおよびiOS7 app store用/拡張子なしでOK) |
1024×1024 |
ソース元:iOS Human Interface Guidelines
次からはios7のアプリアイコンサイズとテンプレートをご紹介していきます。
iOS7用iPadアプリ アイコンサイズ一覧
単位はピクセル
ファイル名 (対応OS) | 画像サイズ |
---|---|
icon-72.jpg (iOS6 ホーム用) |
72×72 |
icon-72@2x.jpg (iOS6 Retinaホーム用) |
144×144 |
icon-76.jpg (iOS7 ホーム用) |
76×76 |
icon-76@2x.jpg (iOS7 Retinaホーム用) |
152×152 |
icon-small-40.jpg (iOS7 Spotlight検索用) |
40×40 |
icon-small-40@2x.jpg (iOS7 Retina Spotlight検索用) |
80×80 |
icon-small-50.jpg (iOS6 Spotlight検索用) |
50×50 |
icon-small-50@2x.jpg (iOS6 RetinaのSpotlight検索用) |
100×100 |
iTunesArtwork (iOS6およびiOS7 app store用/拡張子なしでOK) |
512×512 |
iTunesArtwork (iOS6およびiOS7 Retina app store用/拡張子なしでOK) |
1024×1024 |
ソース元:iOS Human Interface Guidelines
iOS7 アプリアイコンの角丸半径一覧
単位はピクセル
ファイル名 (画像サイズ) | 角丸半径 |
---|---|
icon-small.jpg (29×29) |
6ピクセル |
icon-40.jpg (40×40) |
9ピクセル |
icon-small-50.jpg (50×50) |
11ピクセル |
icon.jpg (57×57) |
13ピクセル |
icon-small@2x.jpg (58×58) |
13ピクセル |
icon-72.jpg (72×72) |
16ピクセル |
icon-76.jpg (76×76) |
17ピクセル |
icon-40@2x.jpg (80×80) |
18ピクセル |
icon-small-50@2x.jpg (100×100) |
22ピクセル |
icon@2x.jpg (114×114) |
25ピクセル |
icon-60@2x.jpg (120×120) |
26ピクセル |
icon-72@2x.jpg (144×144) |
32ピクセル |
icon-76@2x.jpg (152×152) |
33ピクセル |
iTunesArtwork (512×512) |
112ピクセル |
iTunesArtwork (1024×1024) |
225ピクセル |
角丸を利用したデザインで、iOS6とiOS7で誤差が出てしまうのがちょっと難題ですね・・・
やっぱりiOS7をベースにアイコンをデザインするのが正しいのでしょうかね。。
アイコンの角丸のデザイン処理が面倒な人必見!
+Beans(プラスビーンズ)さんが素晴らしいテンプレートを自作されました!!こちらでもご紹介させていただきまーす!
※ご利用は、自己責任でお願いします。
+Beans(プラスビーンズ)
この記事を読んだ人はこんな記事も読んでいます
・【iPhoneアプリ・iPadアプリ】2013年のアイコンデザインはこうやって乗り切ろう!iOS7で見る今年のアイコンデザイン
・【iPhoneアプリ】アイコンのデザイン方法を思い切って晒してみた!【作成】
・iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】