アプリのアイコンの話です。
1024×1024のアイコンを元に、iOS,Androidで必要なアイコンサイズにリサイズするスクリプトを探しましたが、いまいちいいものがなかったので作りました。

ソース

githubに置いておきます。
https://github.com/hayakawatomoaki/makeAppIcon
　

環境

ruby使ってます。あと柔軟性に富んだImageMagicで画像をリサイズしております。macにバンドルされているsipsでリサイズするのもいいんだけど、画像によってはうまく変換できなかったりするので、高機能で優秀なImageMagicを選択しました。なのでrubyとImageMagicがインストールされていることが条件です。macならbrewとかでサクッとインストールしちゃってください。すみません。
　

使い方

使い方は簡単。下記のコマンドを叩くだけです。

$ ./convertAppIcons -i icon_1024x1024.png -o out

–i：1024×1024のpngファイルを指定します。
–o: 出力先のディレクトリを指定します。

出力ファイルは下記の通り。config.rbに書いてあるので、適当にカスタマイズしていただければと思います。

##iOS
Icon-29.png          : 29x29
Icon-29@2x.png       : 58x58
Icon-29@3x.png       : 87x87
Icon-40.png          : 40x40
Icon-40@2x.png       : 80x80
Icon-40@3x.png       : 120x120
Icon-50.png          : 50x50
Icon-50@2x.png       : 100x100
Icon-50@3x.png       : 150x150
Icon-57.png          : 57x57
Icon-57@2x.png       : 114x114
Icon-57@3x.png       : 171x171
Icon-60.png          : 60x60
Icon-60@2x.png       : 120x120
Icon-60@3x.png       : 180x180
Icon-72.png          : 72x72
Icon-72@2x.png       : 144x144
Icon-72@3x.png       : 216x216
Icon-76.png          : 76x76
Icon-76@2x.png       : 152x152
Icon-76@3x.png       : 228
Icon-Small-50.png    : 50x50
Icon-Small-50@2x.png : 100x100
Icon-Small-50@3x.png : 150x150
Icon-Small.png"      : 29x29
Icon-Small@2x.png    : 58x58
Icon-Small@3x.png    : 87x87
Icon.png             : 57x57
Icon@2x.png          : 114x114
Icon@3x.png          : 171x171
Icon-120.png         : 120x120
iTunesArtwork.png    : 512x512
iTunesArtwork@2x.png : 1024x1024
iTunesArtwork@3x.png : 1536x1536

##Android
drawable-hdpi/ic_launcher.png    : 72x72
drawable-ldpi/ic_launcher.png    : 36x36
drawable-mdpi/ic_launcher.png    : 48x48
drawable-xhdpi/ic_launcher.png   : 96x96
drawable-xxhdpi/ic_launcher.png  : 144x144
drawable-xxxhdpi/ic_launcher.png : 192x192
playstore-icon.png               : 512x512

おまけ

リサイズできるツールをいろいろ調べたのでメモしておきます。

• 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のエラーです。

  $ sips -z 50 50 app_icon_1024.png --out hoge_thumb.png
  /Users/.........../app_icon_1024.png
  <CGColor 0x7f9fc34160a0> [<CGColorSpace 0x7f9fc3415580> (kCGColorSpaceDeviceRGB)] ( 0 0 0 1 )
  Error: Unable to render destination image
  /Users/............./hoge_thumb.png
  

関係ないけど、この記事、Wordpress+MarkDownで書きました。めっちゃ書きやすいです。
では。

Tweet