画像サイズ変更「magick」

HTMLに埋め込む画像のファイルサイズが大きいと時間がかかる。目的に合わせて適切な画像サイズを設定することで、Webサイトのページ読み込み時間を短縮しアクセシビリティ向上ができる。

目的

画像のリサイズをPC上で行う無料ツール：ImageMagickについて、インストール手順と使用方法を説明する。

Windowsの場合サイトの下部のほうにある一番上の最新Versionの実行ファイルをダウンロードします。

# 基本文法
magick 変更前ファイル名 -resize 横幅x縦幅 変更後ファイル名

# 例 (変更前と変更後のファイル名を同じにすることもできる)
magick plane.jpg -resize 480x600 plane.jpg

# 基本文法
magick identify -format "%wx%h" ファイル名

# 例
magick identify -format "%wx%h" cat.png
>> 958x1011

1つの画像ファイル（.pngや.jpg）からアイコンファイル.icoを作成には次のようにします。

# 例 (「favicon.png」から複数サイズの画像を含むアイコンを「favicon.ico」として出力)
magick favicon.png -define icon:auto-resize=16,32,48,64,128,256 favicon.ico