画像圧縮ツールsquoosh-cliをつかってみた

画像を一括で圧縮とか、webpに変換してくれるsquoosh-cliが便利だったのでメモ

環境

macOS Monterey

node バージョン

v14.20.0

• 他のバージョンだとインストールエラーがおきたり、インストールできても変換するときにエラーがでたりした。18と16でだめだった。

squoosh-cli

@squoosh/cli - npm

インストール

npm i -g @squoosh/cli

コマンド例

# jpgを80%で圧縮
squoosh-cli --mozjpeg '{"quality":80}' -d ./compressed ./*.jpg

# pngを80%で圧縮
squoosh-cli --oxipng '{"quality":80}' -d ./compressed ./*.png

# jpgをwebpに変換
squoosh-cli --webp auto -d ./ ./*.jpg

参考サイト

SEOの画像最適化を一括で超簡単に行う方法【squoosh-cli】