ImageMagick で画像を @2x, @3x, @4x サイズ対応する変換サンプルコード
Sat, March 16, 2019 - 2 min read
ImageMagick の convert コマンドを使って、画像ファイルを @2x, @3x, @4x サイズへ変換するサンプルコードをご紹介します。
ImageMagick で画像サイズ変換する
ImageMagick の convert コマンドを使って、画像ファイルを @2x, @3x, @4x サイズへ変換するサンプルコードは以下のとおりです。
各画像サイズの値については適宜、ご自身の用途にあわせて変更してご利用ください。
# 適宜、変更する環境変数
ORIGIN_IMAGE_NAME=sample
# 以下、基本的に変更しなくて OK なコード
ORIGIN_IMAGE=$ORIGIN_IMAGE_NAME.jpg
[email protected]
[email protected]
[email protected]
convert $ORIGIN_IMAGE -resize 1376x $IMAGE_2X
convert $ORIGIN_IMAGE -resize 2064x $IMAGE_3X
convert $ORIGIN_IMAGE -resize 2752x $IMAGE_4X
# NOTE:
# 画像サイズが大きい場合 https://tinypng.com/ などでロスレス圧縮します
以上、ImageMagick で画像を @2x, @3x, @4x サイズ対応したい、現場からお送りしました。