面倒な xcassets を一発で生成するスクリプト

概要

Images.xcassets を作成するのが面倒だ。
1x 2x 3x と 3 パターンも用意しなければならない。つらい。
サイズを変換してくれるソフトは色々あるけどリサイズのためだけにいちいちアプリケーションを起動するのは億劫だ。
プログラマーならスクリプトで解決すべき。

用意

• ImageMagick をインストールする
  ImageMagick: Convert, Edit, Or Compose Bitmap Images
• スクリプトを作成

gen_assets.sh

#!/bin/sh

for file in `ls -F org`; do
  file_name=`basename $file .png`
  echo "${file_name}から変換中..."
  cp org/${file_name}.png conv/${file_name}@3x.png
  convert -geometry 33.333% org/${file_name}.png conv/${file_name}.png
  convert -geometry 66.666% org/${file_name}.png conv/${file_name}@2x.png
done

• 作業フォルダの作成
  以下の構成で作業用のフォルダを用意。org フォルダに 3x の画像を置いておく。
  

.
├── conv
├── gen_assets.sh
└── org
    └── tab_bg.png

実行

sh ./gen_assets.sh

これで conv フォルダに画像が生成されます。

.
├── conv
│   ├── tab_bg.png
│   ├── [e-mail]
│   └── [e-mail]
├── gen_assets.sh
└── org
    └── tab_bg.png

終わりに

もっといい方法ある気がする...

追記

ベクター形式とやらで用意すれば 1 つのサイズでいいらしい。
（takabosoft さんありがとうございます）

• [Xcode 6] Asset Catalog でベクターが扱えるようになりました！ ｜ Developers.IO
• Xcode6からベクター画像が使いやすくなった - 自堕落なぺぇじ
• Xcode 6で利用可能になった ベクター画像リソースを 深掘り

次はベクター画像をどうやって作るのか調べるか。。。