iOSアプリに組み込むアイコン画像サイズ
(対象のデバイス、OSに合わせて必要なものを準備すること)
ベースの画像を1024×1024で作成し、プレビューを使って小さい画像サイズを準備する。
1, 1024×1024の画像をプレビューで開く
2, ファイル→複製でコピーを作成
3, 複製した画像にファイル名を付ける
4, ツール→サイズを調整でそれぞれのサイズに設定する
系統 | サイズ(px) | ファイル名 | 対象 | OS |
29 | 29 x 29 | Icon-Small.png | iPhone 3G / 3GS / iPad / iPad2 / iPad mini |
iOS6以降 |
58 x 58 | Icon-Small@2x.png | iPhone 4 / iPad3 or later | iOS6以降 | |
87 x 87 | Icon-Small@3x.png | iPhone(Retina) | iOS8以降 | |
40 | 40 x 40 | Icon-Small-40.png | iPad2 / iPad mini | iOS7以降 |
80 x 80 | Icon-Small-40@2x.png | iPhone4 / iPad3 or later | iOS7 | |
120 x 120 | Icon-Small-40@3x.png | iPhone(Retina) | iOS8以降 | |
50 | 50 x 50 | Icon-Small-50.png | iPad / iPad2 / iPad mini | iOS6 |
100 x 100 | Icon-Small-50@2x.png | iPad3 or later | iOS6 | |
57 | 57 x 57 | Icon.png | iPhone 3G / 3GS | iOS6 |
114 x 114 | Icon@2x.png | iPhone4 or later | iOS6 | |
60 | 120 x 120 | Icon-60@2x.png | iPhone4 or later | iOS7 |
180 x 180 | Icon-60@3x.png | iPhone(Retina) | iOS8 | |
72 | 72 x 72 | Icon-72.png | iPad / iPad2 / iPad mini | iOS6 |
144 x 144 | Icon-72@2x.png | iPad3 or later | iOS6 | |
76 | 76 x76 | Icon-76.png | iPad / iPad2 / iPad mini | iOS7以降 |
152 x 152 | Icon-76@2x.png | iPad3 or later | iOS7以降 | |
512 | 512 x 512 | iTunesArtwork.png | iTunes Artwork | – |
1024 x 1024 | iTunesArtwork@2x.png | iTunes Artwork(Retina) | – |
手順は簡単だが、結構面倒くさい。一括作成のソフトがあったら便利だと思う。
コメントを残す