iOSとAndroidが求めるサイズ
各プラットフォームが要るファイル、プロジェクトでの置き場所、どのサイズでも持つ元絵の作り方です。
使い方
- 元絵を置く: 1024×1024以上の正方形PNGがいちばんシャープです。JPGとWebPも使えます。
- パックを選ぶ: iOS、Android、ストア掲載、または組み合わせです。
- 作って保存: プラットフォームごとのフォルダと、ファイル一覧のREADMEが入ったZIPが1つ出ます。
iOSのサイズ
AppleはApp Store用に1024×1024が1枚、ホーム、Spotlight、設定、通知用に小さい版が要ります。画面密度に合わせて@2xと@3xがあります。透過のあるアイコンは拒否されるので、iOSとApp Store用は透明部分を白で塗ります。
| 用途 | サイズ（px） | ファイル名 |
|---|---|---|
| App Store | 1024 × 1024 | AppStore-1024.png |
| iPhone @3x / @2x | 180 / 120 | [email protected], [email protected] |
| iPad Pro | 167 | [email protected] |
| iPad @2x / @1x | 152 / 76 | [email protected], Icon-76.png |
| Spotlight | 120 / 80 / 40 | [email protected] ほか |
| 設定 | 87 / 58 / 29 | [email protected], [email protected], Icon-29.png |
| 通知 | 60 / 40 | [email protected], [email protected] |
XcodeではアセットカタログのAppIconを開き、サイズの合う枠へ各PNGをドロップします。新しいXcodeは、1024pxの1枚から残りを作ることもできます。
Androidのランチャー
Androidは画面の密度に合うバケットからランチャーを選びます。ZIPの mipmap-* を app/src/main/res/ へコピーすると、各 ic_launcher.png が正しい場所に入ります。Android側は透過を残します。
| 密度フォルダ | サイズ（px） |
|---|---|
| mipmap-xxxhdpi | 192 × 192 |
| mipmap-xxhdpi | 144 × 144 |
| mipmap-xhdpi | 96 × 96 |
| mipmap-hdpi | 72 × 72 |
| mipmap-mdpi | 48 × 48 |
| Google Playの掲載 | 512 × 512 |
Android 8以降のアダプティブアイコンは、前景と背景の2枚が要ります。このパックには含めません。ここにあるPNGは、すべてのAndroidで標準のランチャーとして使えます。
縮小しても持つ元絵
- 1024×1024以上から始め、拡大が要らないようにします。
- 絵は単純に。細い線と小さい文字は29pxや48pxで消えます。
- 端に余白を残します。iOSは角を丸め、多くのAndroidランチャーは円に切ります。
- iOSでは透過ではなく、単色かグラデーションの背景にします。
YouTubeのプレビューやSNSのバナーなど別のサイズは サイズ変更 です。iPhoneのHEICは HEICのページ で先に変えてください。