ImageMagick で画像を @2x, @3x, @4x サイズ対応する変換サンプルコード
- 2019 3/16
- カテゴリー : ImageMagick
- コメントを書く
ImageMagick の convert コマンドを使って、画像ファイルを @2x, @3x, @4x サイズへ変換するサンプルコードをご紹介します。
ImageMagick で画像サイズ変換する
ImageMagick の convert コマンドを使って、画像ファイルを @2x, @3x, @4x サイズへ変換するサンプルコードは以下のとおりです。
各画像サイズの値については適宜、ご自身の用途にあわせて変更してご利用ください。
# 適宜、変更する環境変数 ORIGIN_IMAGE_NAME=sample # 以下、基本的に変更しなくて OK なコード ORIGIN_IMAGE=$ORIGIN_IMAGE_NAME.jpg IMAGE_2X=$ORIGIN_IMAGE_NAME@2x.jpg IMAGE_3X=$ORIGIN_IMAGE_NAME@3x.jpg IMAGE_4X=$ORIGIN_IMAGE_NAME@4x.jpg 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 サイズ対応したい、現場からお送りしました。