1
1

ImageMagickを使ってWebP形式の画像を作る

Posted at

WebPとは

ウェッピー(ウェブピー?)とよむ
GoogleがWeb用に作った画像形式で、jpegやpngよりファイルサイズが軽量でWebサイトに利用されることが多い。
サイトを見る側にも通信量が少なく、表示も早いのでメリットしかない。

普段から画像変換にはImageMagickを使用しているので、ImageMagickでの変換をしてみた。

環境は 

  • Windows 10 Pro 22H2(19045.4529)

最新バージョンのImageMagickのインストール

  • Windowsなので下記から、一番上のexeをDL

  • https://imagemagick.org/script/download.php#windows

    • ImageMagick-7.1.1-33-Q16-HDRI-x64-dll.exeを実行
      image.png
    • I accept the agreement を選びNext
      image.png
    • Next
      image.png
    • PATHは自分で設定したいので、全部チェックを外してNext
      image.png
    • Install
      image.png
    • Next
      image.png
    • チェックを外して、Finish
  • 「C:\Program Files\ImageMagick-7.1.1-Q16-HDRI」にインストールされているのでPATHを設定する。

  • PC設定から上記フォルダのパスを環境変数のPATHに追加する。(再起動)

  • 以前のバージョンがある人は、前のバージョンはPATHから削除して、アンインストールする。

コマンドプロンプトでバージョンの確認

D:\>magick --version
Version: ImageMagick 7.1.1-33 Q16-HDRI x64 057259c:20240525 https://imagemagick.org
Copyright: (C) 1999 ImageMagick Studio LLC
License: https://imagemagick.org/script/license.php
Features: Channel-masks(64-bit) Cipher DPC HDRI Modules OpenCL OpenMP(2.0)
Delegates (built-in): bzlib cairo flif freetype gslib heic jng jp2 jpeg jxl lcms lqr lzma openexr pangocairo png ps raqm raw rsvg tiff webp xml zip zlib
Compiler: Visual Studio 2022 (193933523)

変換できる形式の確認

> magick identify -list format
    ~ 他省略 ~
     WEBP* WEBP      rw+   WebP Image Format (libwebp 1.4.0 [020F])

ImageMagickによるPNG画像からWebPへの変換

適当にwizard.pngと言うファイル名のpng画像を用意して

> magick wizard.png -quality 50 -define webp:lossless=true wizard.webp
  • quality 50
    変換後のWebP画像の画質を50%に設定します。100%が最高画質で、数値が小さいほどファイルサイズは小さくなりますが、画質も低下します。ファイルサイズは同色が多かったりする画像だと一概に小さくなるとは言えない。

  • define webp:lossless=true
    変換後のWebP画像を非可逆圧縮ではなく可逆圧縮で保存します。可逆圧縮では、元の画像情報と完全に一致する画像を生成できますが、ファイルサイズは大きくなります。

  • その他のエンコードオプションは公式サイトを参照
    https://imagemagick.org/script/webp.php

Google公式のWebPのダウンロードとインストール

ImageMagickのサイトによると、
image.png
とある。
アニメーションPNGなどの場合は、muxing delegate libraryが必要とのこと。
Requires the WEBP delegate library. のところをクリックすると、Googleの公式のWEBP変換に関するモジュールのサイトにリンクしている。

アニメーションPNGのWebP変換はImageMagickはできない

  • Windows版のダウンロードをクリック
    image.png

  • libwebp-1.4.0-windows-x64.zipがダウンロードできた

  • zipを展開してbinフォルダ内にcwebpなどの.exeファイルがある

  • 普段コマンドで使える用にしたいため、PATHの通っているフォルダに移動しておく

Google公式のJPEG画像からWebPへの変換

cwebp -q 80 image.png -o image.webp

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1