くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

ImageMagickで開発用とステージング用のアイコン画像を生成する

こんな感じでオリジナルのカラーのアイコンから
開発用(グレー)とステージング用(半々)の画像を生成したいなと思い、
いろいろ調べてみたときの備忘録(*´ω`*)

ImageMagickでごにょごにょしたらできた(*´ω`*)

#!/bin/bash

ICONS='
icon-1024x1024
icon-foreground-432x432
'

for icon in $ICONS; do
  ## 開発用アイコン
  # グレースケールの画像の作成
  magick "${icon}.png" -colorspace gray "${icon}-grey.png"
  
  ## ステージング用アイコン
  # オリジナルの画像を左右に分割
  convert -crop 50%x100% "${icon}.png" "${icon}-split.png"
  # グレースケールの画像を左右に分割
  convert -crop 50%x100% "${icon}-grey.png" "${icon}-grey-split.png"
  # オリジナル画像の左とグレースケールの画像の右を結合
  convert +append "${icon}-split-0.png" "${icon}-grey-split-1.png" "${icon}-mix.png"
done

# 左右に分割したファイルの削除
rm *-split-*

以上!!これで楽になる〜(*´ω`*)

参考にしたサイトさま