モバイルアプリ用の全アイコンサイズを1枚の画像から書き出せるサイト

モバイルアプリのアイコンを全部用意するの面倒ですよね。毎度必要なサイズが変わるし。

僕は大きめの正方形画像を用意して、それを元に一括で縮小して生成してくれるサイトを使っています。ちゃんと調べていないので他にもあるのかもしれないですけど、僕はここを使ってます。

Developer Tool - App Icon Resizer

MakeAppIcon is an app icon resizer that helps developers and project managers generate the app icons required by App Store & Google Play Store.

makeappicon.com

1536x1536の画像を渡すと、メールで処理結果を送ってくれます。

結果画像には↓が入ってます。長いです。

% tree
.
├── android
│   ├── mipmap-hdpi
│   │   └── ic_launcher.png
│   ├── mipmap-ldpi
│   │   └── ic_launcher.png
│   ├── mipmap-mdpi
│   │   └── ic_launcher.png
│   ├── mipmap-xhdpi
│   │   └── ic_launcher.png
│   ├── mipmap-xxhdpi
│   │   └── ic_launcher.png
│   ├── mipmap-xxxhdpi
│   │   └── ic_launcher.png
│   └── playstore-icon.png
├── imessenger
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├── icon-messages-app-store-1024x768.png
│   ├── [email protected]
│   ├── [email protected]
│   └── [email protected]
└── ios
    ├── AppIcon.appiconset
    │   ├── Contents.json
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   ├── [email protected]
    │   └── [email protected]
    ├── README.md
    ├── [email protected]
    ├── [email protected]
    └── [email protected]

たとえばiOSの場合はこの中にあるAppIcon.appiconsetをXcodeにドラッグ&ドロップするとAppIcon-1というアセットとして登録できます。

元あったAppIconを削除してAppIcon-1をAppIconとしてリネームすれば（もしくはプロジェクト設定でAppIconsSourceの参照を変更すれば）、アプリのアイコンとして設定完了となります。

警告マークがでてますが、割り当てられていない画像が含まれているというだけなので、それらを削除すれば警告はなくなります。

一括生成してくれる上に設定も一括で終わるので大変重宝しています。