ImageMagickを使ったアプリアイコンの一括出力が便利すぎた件

なんちゅー便利なシェルスクリプトを作っているお方がおるのだ。

 Qiita  3 users

iOSアプリのアイコン作成手順 - Qiita

http://qiita.com/gyoten/items/094276f20b9776d6cbff

iOSアプリアイコンを1024x1024pxで作成すれば、Spotlight用や設定用アイコン、iTunesConnect向けのアイコンが自動で生成されるシェルスクリプト。## シェルスクリプトの作成```iosappicon...

手順はこちらのリンクを踏めばわかるのだけれどもImageMagickをインストールしていなくてconvertコマンドが見つからなかった。その手順も備忘録として残しておく。

iOSアプリ申請時に必要なアプリアイコン一覧

ちなみにアプリアイコンは角丸で書き出す必要がない。アプリ側で勝手に角丸にしてくれる。

iOSアプリアイコンを一括で書き出すには？

アプリアイコンを一括で書き出すためにスクリプトを使う。一番大きいサイズである1024×1024のサイズを用意しておけば簡単にリサイズしてくれる。

ImageMagickをインストール

まずはスクリプトを叩くためにImageMagickをインストールする必要がある。コマンドラインを立ち上げて以下のコマンドを叩く。ちなみに環境はMacです。

brew install imagemagick

続いてスクリプトファイルを作成する

iosappicon-gen.sh

mkdir appiconset

convert $1 -resize 40x40 appiconset/iPhone-Notifications-7-10-20pt@2x.png
convert $1 -resize 60x60 appiconset/iPhone-Notifications-7-10-20pt@3x.png
convert $1 -resize 29x29 appiconset/iPhone-Settings-5-10-29pt.png
convert $1 -resize 58x58 appiconset/iPhone-Settings-5-10-29pt@2x.png
convert $1 -resize 87x87 appiconset/iPhone-Settings-5-10-29pt@3x.png
convert $1 -resize 80x80 appiconset/iPhone-Spotlight-7-10-40pt@2x.png
convert $1 -resize 120x120 appiconset/iPhone-Spotlight-7-10-40pt@3x.png
convert $1 -resize 120x120 appiconset/iPhone-App-7-10-60pt@2x.png
convert $1 -resize 180x180 appiconset/iPhone-App-7-10-60pt@3x.png
convert $1 -resize 20x20 appiconset/iPad-Notifications-7-10-20pt.png
convert $1 -resize 40x40 appiconset/iPad-Notifications-7-10-20pt@2x.png
convert $1 -resize 29x29 appiconset/iPad-Settings-5-10-29pt.png
convert $1 -resize 58x58 appiconset/iPad-Settings-5-10-29pt@2x.png
convert $1 -resize 40x40 appiconset/iPad-Spotlight-7-10-40pt.png
convert $1 -resize 80x80 appiconset/iPad-Spotlight-7-10-40pt@2x.png
convert $1 -resize 76x76 appiconset/iPad-App-7-10-76pt.png
convert $1 -resize 152x152 appiconset/iPad-App-7-10-76pt@2x.png
convert $1 -resize 167x167 appiconset/iPad-Pro-App-9-10-835pt@2x.png

どうも書き出しサイズがサイトによってバラバラだったりするのでXcode内の表を見つつ書き出す。watch用とかCarPlay用とかもあるっぽいけど今回は割愛。

実行権限を付与して実行する

$ chmod u+x iosappicon-gen.sh
$ ./iosappicon-gen.sh hoge(1024×1024のファイル).png

アイコンの名前の統一規格ってあるのかな、、、

 trueman-developer.blogspot.jp 

iOSでアプリケーションアイコンの作成とプロジェクトへの適用

https://trueman-developer.blogspot.jp/2017/01/ios.html

アプリ公開に必要なアイコン画像の数が多すぎるのでサクッと必要なものを作成するスクリプトを紹介。

こちらのブログのお方の情報が結構新しいのでこの名前とサイズでの書き出し用のファイルも用意しておく。

mkdir appiconset

convert $1 -resize 120x120 appiconset/Icon-60@2x.png
convert $1 -resize 180x180 appiconset/Icon-60@3x.png
convert $1 -resize 76x76 appiconset/Icon-76@1x.png
convert $1 -resize 152x152 appiconset/Icon-76@2x.png
convert $1 -resize 167x167 appiconset/Icon-83.5@2x.png
convert $1 -resize 29x29 appiconset/Icon-29@1x.png
convert $1 -resize 58x58 appiconset/Icon-29@2x.png
convert $1 -resize 87x87 appiconset/Icon-29@3x.png
convert $1 -resize 40x40 appiconset/Icon-Small-40@1x.png
convert $1 -resize 80x80 appiconset/Icon-Small-40@2x.png
convert $1 -resize 120x120 appiconset/Icon-Small-40@3x.png
convert $1 -resize 40x40 appiconset/iPhone-20@2x.png
convert $1 -resize 60x60 appiconset/iPhone-20@3x.png
convert $1 -resize 20x20 appiconset/iPad-20@1x.png
convert $1 -resize 40x40 appiconset/iPad-20@2x.png

Contents.jsonファイル

{
"images" : [
{
"size" : "20x20",
"idiom" : "iphone",
"filename" : "iPhone-20@2x.png",
"scale" : "2x"
},
{
"size" : "20x20",
"idiom" : "iphone",
"filename" : "iPhone-20@3x.png",
"scale" : "3x"
},
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "Icon-29@2x.png",
"scale" : "2x"
},
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "Icon-29@3x.png",
"scale" : "3x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "Icon-Small-40@2x.png",
"scale" : "2x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "Icon-Small-40@3x.png",
"scale" : "3x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "Icon-60@2x.png",
"scale" : "2x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "Icon-60@3x.png",
"scale" : "3x"
},
{
"size" : "20x20",
"idiom" : "ipad",
"filename" : "iPad-20@1x.png",
"scale" : "1x"
},
{
"size" : "20x20",
"idiom" : "ipad",
"filename" : "iPad-20@2x.png",
"scale" : "2x"
},
{
"size" : "29x29",
"idiom" : "ipad",
"filename" : "Icon-29@1x.png",
"scale" : "1x"
},
{
"size" : "29x29",
"idiom" : "ipad",
"filename" : "Icon-29@2x.png",
"scale" : "2x"
},
{
"size" : "40x40",
"idiom" : "ipad",
"filename" : "Icon-Small-40@1x.png",
"scale" : "1x"
},
{
"size" : "40x40",
"idiom" : "ipad",
"filename" : "Icon-Small-40@2x.png",
"scale" : "2x"
},
{
"size" : "76x76",
"idiom" : "ipad",
"filename" : "Icon-76@1x.png",
"scale" : "1x"
},
{
"size" : "76x76",
"idiom" : "ipad",
"filename" : "Icon-76@2x.png",
"scale" : "2x"
},
{
"size" : "83.5x83.5",
"idiom" : "ipad",
"filename" : "Icon-83.5@2x.png",
"scale" : "2x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}