[iOS][Android] AppStoreやGooglePlayへの申請に必要なアイコンを1024×1024からリサイズするスクリプトconvertAppIconを作りました
アプリのアイコンの話です。
1024×1024のアイコンを元に、iOS,Androidで必要なアイコンサイズにリサイズするスクリプトを探しましたが、いまいちいいものがなかったので作りました。
ソース
githubに置いておきます。
https://github.com/hayakawatomoaki/makeAppIcon
環境
ruby使ってます。あと柔軟性に富んだImageMagicで画像をリサイズしております。macにバンドルされているsipsでリサイズするのもいいんだけど、画像によってはうまく変換できなかったりするので、高機能で優秀なImageMagicを選択しました。なのでrubyとImageMagicがインストールされていることが条件です。macならbrewとかでサクッとインストールしちゃってください。すみません。
使い方
使い方は簡単。下記のコマンドを叩くだけです。
[code]
$ ./convertAppIcons -i icon_1024x1024.png -o out
[/code]
–i：1024×1024のpngファイルを指定します。
–o: 出力先のディレクトリを指定します。
出力ファイルは下記の通り。config.rbに書いてあるので、適当にカスタマイズしていただければと思います。
[code]
##iOS
Icon-29.png : 29×29
Icon-29@2x.png : 58×58
Icon-29@3x.png : 87×87
Icon-40.png : 40×40
Icon-40@2x.png : 80×80
Icon-40@3x.png : 120×120
Icon-50.png : 50×50
Icon-50@2x.png : 100×100
Icon-50@3x.png : 150×150
Icon-57.png : 57×57
Icon-57@2x.png : 114×114
Icon-57@3x.png : 171×171
Icon-60.png : 60×60
Icon-60@2x.png : 120×120
Icon-60@3x.png : 180×180
Icon-72.png : 72×72
Icon-72@2x.png : 144×144
Icon-72@3x.png : 216×216
Icon-76.png : 76×76
Icon-76@2x.png : 152×152
Icon-76@3x.png : 228
Icon-Small-50.png : 50×50
Icon-Small-50@2x.png : 100×100
Icon-Small-50@3x.png : 150×150
Icon-Small.png” : 29×29
Icon-Small@2x.png : 58×58
Icon-Small@3x.png : 87×87
Icon.png : 57×57
Icon@2x.png : 114×114
Icon@3x.png : 171×171
Icon-120.png : 120×120
iTunesArtwork.png : 512×512
iTunesArtwork@2x.png : 1024×1024
iTunesArtwork@3x.png : 1536×1536
##Android
drawable-hdpi/ic_launcher.png : 72×72
drawable-ldpi/ic_launcher.png : 36×36
drawable-mdpi/ic_launcher.png : 48×48
drawable-xhdpi/ic_launcher.png : 96×96
drawable-xxhdpi/ic_launcher.png : 144×144
drawable-xxxhdpi/ic_launcher.png : 192×192
playstore-icon.png : 512×512
[/code]
おまけ
リサイズできるツールをいろいろ調べたのでメモしておきます。
- http://makeappicon.com/
WebベースでiOS,Androidに必要なサイズにリサイズしてくれて、めちゃ簡単でいい。。。。んだけど、画像が荒いです。あと他人のサーバーに画像をアップするのがちょっと怖いです。 -
http://wearemothership.com/work/prepo/
macアプリです。GUIだしAppStoreからインストールするだけですぐに使えるし、すごくいいんだけど、アイコンがiOSのみなところが痛い。出力ファイルをカスタマイズできれば最高なのに。。。 -
http://qiita.com/gm_kou/items/967ea850859eda3748c0
ruby+sipsで動くスクリプトです。今回はsipsで対応していない画像ファイルを変換する必要があったので、このソースを参考に作りました。gm_kouさんに敬意を表します。
ちなみにsipsのエラーです。
[code]
$ sips -z 50 50 app_icon_1024.png –out hoge_thumb.png
/Users/………../app_icon_1024.png[ (kCGColorSpaceDeviceRGB)] ( 0 0 0 1 )
Error: Unable to render destination image
/Users/…………./hoge_thumb.png
[/code]
関係ないけど、この記事、Wordpress+MarkDownで書きました。めっちゃ書きやすいです。
では。