LoginSignup
9
9

More than 5 years have passed since last update.

iOS・Android向けにアイコンを量産したいとき

Posted at

iOS・Android両方のアプリを作るとなると、現在全部で 10種類のサイズのアイコンが必要になります。めんどうですね!

本当にただリサイズしただけの画像をいっぱい用意したい場合は、 ImageMagickとか使うと便利です。

# オリジナルのアイコン画像を original.png とする
# iPhone・Android通して最大のアイコンサイズは180x180なので、original.pngはそれ以上のサイズで用意

# ios
$ convert -resize 120x120 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon_app\@2x.png 
$ convert -resize 180x180 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon_app\@3x.png 
$ convert -resize 80x80 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon_spotlight\@2x.png 
$ convert -resize 120x120 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon_spotlight\@3x.png 
$ convert -resize 58x58 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon\@2x.png 
$ convert -resize 87x87 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_icon\@3x.png 

# android
$ convert -resize 72x72 original.png android/res/drawable-hdpi/ic_launcher.png 
$ convert -resize 48x48 original.png android/res/drawable-mdpi/ic_launcher.png 
$ convert -resize 96x96 original.png android/res/drawable-xhdpi/ic_launcher.png 
$ convert -resize 144x144 original.png android/res/drawable-xxhdpi/ic_launcher.png 

こんなのを手元に潜ませておけば、一枚大きめのアイコン画像を作るだけで、一発変換できます!やったね!

もちろん、絵の最適化などしない単純リサイズで、デザイナさんが怒ったりしない状況のときのみ使いましょう。

9
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
9