トップページ > まとめ・説明書 > 使い方・お悩み > 【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】
【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】
更新
デザイン

【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】

iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました!

iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が!
一覧でわかりやすく表示しました。

【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】

アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様!
iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・

iOS7用iPhoneアプリ アイコンサイズ一覧

単位はピクセル
ファイル名 (対応OS) 画像サイズ
icon.png
(iOS6 ホーム用)
57×57
icon@2x.png
(iOS6 retina ホーム用)
114×114
icon-60@2x.png
(iOS7 retina ホーム用)
120×120
icon-small.png
(iOS6 Spotlight検索用)
29×29
icon-small@2x.png
(iOS6 RetinaのSpotlight検索用およびiOS7用)
58×58
icon-small-40@2x.png
(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.png
(iOS6 ホーム用)
72×72
icon-72@2x.png
(iOS6 Retinaホーム用)
144×144
icon-76.png
(iOS7 ホーム用)
76×76
icon-76@2x.png
(iOS7 Retinaホーム用)
152×152
icon-small-40.png
(iOS7 Spotlight検索用)
40×40
icon-small-40@2x.png
(iOS7 Retina Spotlight検索用)
80×80
icon-small-50.png
(iOS6 Spotlight検索用)
50×50
icon-small-50@2x.png
(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.png
(29×29)
6ピクセル
icon-40.png
(40×40)
9ピクセル
icon-small-50.png
(50×50)
11ピクセル
icon.png
(57×57)
13ピクセル
icon-small@2x.png
(58×58)
13ピクセル
icon-72.png
(72×72)
16ピクセル
icon-76.png
(76×76)
17ピクセル
icon-40@2x.png
(80×80)
18ピクセル
icon-small-50@2x.png
(100×100)
22ピクセル
icon@2x.png
(114×114)
25ピクセル
icon-60@2x.png
(120×120)
26ピクセル
icon-72@2x.png
(144×144)
32ピクセル
icon-76@2x.png
(152×152)
33ピクセル
iTunesArtwork
(512×512)
112ピクセル
iTunesArtwork
(1024×1024)
225ピクセル

角丸を利用したデザインで、iOS6とiOS7で誤差が出てしまうのがちょっと難題ですね・・・
やっぱりiOS7をベースにアイコンをデザインするのが正しいのでしょうかね。。

アイコンの角丸のデザイン処理が面倒な人必見!


+Beans(プラスビーンズ)さんが素晴らしいテンプレートを自作されました!!こちらでもご紹介させていただきまーす!
※ご利用は、自己責任でお願いします。
+Beans(プラスビーンズ)

この記事を読んだ人はこんな記事も読んでいます


【iPhoneアプリ・iPadアプリ】2013年のアイコンデザインはこうやって乗り切ろう!iOS7で見る今年のアイコンデザイン
【iPhoneアプリ】アイコンのデザイン方法を思い切って晒してみた!【作成】
iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】
Crest Working Holdings - 今、目の前に軽く100万人を感動させるプロがいる
ページトップへ戻る