PIYO - Tech & Life -

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

iOS Android Xcode

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

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

MakeAppIcon - Generate iOS and Android app icons of all sizes with a click!
MakeAppIcon is an icon creator that resizes all iOS icons and Android icons. With our icon resizer, you can import app icons to Android Studio and Xcode in 3s.
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
│   ├── icon-messages-app-27x20@1x.png
│   ├── icon-messages-app-27x20@2x.png
│   ├── icon-messages-app-27x20@3x.png
│   ├── icon-messages-app-iPadAir-67x50@2x.png
│   ├── icon-messages-app-iPadAir-74x55@2x.png
│   ├── icon-messages-app-iPhone-60x45@1x.png
│   ├── icon-messages-app-iPhone-60x45@2x.png
│   ├── icon-messages-app-iPhone-60x45@3x.png
│   ├── icon-messages-app-store-1024x768.png
│   ├── icon-messages-transcript-32x24@1x.png
│   ├── icon-messages-transcript-32x24@2x.png
│   └── icon-messages-transcript-32x24@3x.png
└── ios
    ├── AppIcon.appiconset
    │   ├── Contents.json
    │   ├── Icon-App-20x20@1x.png
    │   ├── Icon-App-20x20@2x.png
    │   ├── Icon-App-20x20@3x.png
    │   ├── Icon-App-29x29@1x.png
    │   ├── Icon-App-29x29@2x.png
    │   ├── Icon-App-29x29@3x.png
    │   ├── Icon-App-40x40@1x.png
    │   ├── Icon-App-40x40@2x.png
    │   ├── Icon-App-40x40@3x.png
    │   ├── Icon-App-57x57@1x.png
    │   ├── Icon-App-57x57@2x.png
    │   ├── Icon-App-60x60@1x.png
    │   ├── Icon-App-60x60@2x.png
    │   ├── Icon-App-60x60@3x.png
    │   ├── Icon-App-72x72@1x.png
    │   ├── Icon-App-72x72@2x.png
    │   ├── Icon-App-76x76@1x.png
    │   ├── Icon-App-76x76@2x.png
    │   ├── Icon-App-76x76@3x.png
    │   ├── Icon-App-83.5x83.5@2x.png
    │   ├── Icon-Small-50x50@1x.png
    │   ├── Icon-Small-50x50@2x.png
    │   └── ItunesArtwork@2x.png
    ├── README.md
    ├── iTunesArtwork@1x.png
    ├── iTunesArtwork@2x.png
    └── iTunesArtwork@3x.png

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

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

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

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