【重要】これはiOS6の情報です。iOS7に対応したサイズ表はこちら↓
【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】
アプリ制作で重要であり、さらに楽しい作業でもある「アイコン」。
いつも、サイズいくつだったっけ？と忘れてしまうので、自分のために記録。またapple側より自動で生成される角丸の半径を考慮したデザインを考えることも少なくありませんので、同じく各サイズごとの半径も記録しておきます。
目次
iPhoneアプリ アイコンサイズ一覧
単位はピクセル
| ファイル名 (対応画面サイズ) | 画像サイズ |
|---|---|
| icon.jpg (320×480 ホーム画面用) |
57×57 |
| icon@2x.jpg (640×960 Retinaホーム画面用) |
114×114 |
| icon-small.jpg (320×480 Spotlight検索用) |
29×29 |
| icon-small@2x.jpg (640×960 RetinaのSpotlight検索用) |
58×58 |
| iTunesArtwork (320×480 app store用/拡張子なしでOK) |
512×512 |
| iTunesArtwork (640×960 app store用/拡張子なしでOK) |
1024×1024 |
ソース元：iOS Human Interface Guidelines
iPadアプリ アイコンサイズ一覧
単位はピクセル
| ファイル名 (対応画面サイズ) | 画像サイズ |
|---|---|
| icon.jpg (768×1024 app store用) |
57×57 |
| icon@2x.jpg (1536×2048 Retinaのapp store用) |
114×114 |
| icon-72.jpg (768×1024 ホーム画面用) |
72×72 |
| icon-72@2x.jpg (1536×2048 Retinaホーム画面用) |
144×144 |
| icon-small-50.jpg (768×1024 Spotlight検索用) |
50×50 |
| icon-small-50@2x.jpg (1536×2048 RetinaのSpotlight検索用) |
100×100 |
| iTunesArtwork (768×1024 app store用/拡張子なしでOK) |
512×512 |
| iTunesArtwork (1536×2048 app store用/拡張子なしでOK) |
1024×1024 |
ソース元：iOS Human Interface Guidelines
アプリアイコンの角丸半径一覧
単位はピクセル
| ファイル名 (画像サイズ) | 角丸半径 |
|---|---|
| icon-small.jpg (29×29) |
5ピクセル |
| icon-small-50.jpg (50×50) |
9ピクセル |
| icon.jpg (57×57) |
10ピクセル |
| icon-small@2x.jpg (58×58) |
10ピクセル |
| icon-72.jpg (72×72) |
12ピクセル |
| icon-small-50@2x.jpg (100×100) |
18ピクセル |
| icon@2x.jpg (114×114) |
20ピクセル |
| icon-72@2x.jpg (144×144) |
25ピクセル |
| iTunesArtwork (512×512) |
90ピクセル |
| iTunesArtwork (1024×1024) |
180ピクセル |
もうこれ以上、作るサイズは増やして欲しくないですね(笑)
ではでは。
この記事読んだ人はこんな記事も読んでるよ！
・・【iPhoneアプリ・iPadアプリ】2013年のアイコンデザインはこうやって乗り切ろう！iOS7で見る今年のアイコンデザイン
・・【iPhoneアプリ】アイコンのデザイン方法を思い切って晒してみた！【作成】
・・【iPhoneアプリ】アイコンデザインでダウンロード数をのばそう！【作成】
