経緯

この前出先でこのページを開く機会がありまして、そん時モバイルデータ通信量めっちゃ食ったんですね

まあ原因はpngで圧縮率のよろしくないファイル群なんですけど

そりゃこんなにでかかったら……ネ

ということでjpegにしなきゃな～と思い立ちポストしたら

時代はwebpですよ

というありがたい啓示をいただき、これをやっていきます

とりあえず圧縮だけするなら

ImageMagickを使うことでコマンドラインで簡単にpngからwebpにできるんですね。便利なのでメモ程度に

convert 変換前.png -format webp  変換後.webp

ImageMagickのお役立ちコマンド

ついでにこのサイトのデザインを知りまして、横幅は688pxでOKであることがわかりました。

まあピッタリ目指して圧縮するとなんかギザギザするので、約2倍の1280pxを上限とすることにしました。

これくらいあればまあ文字も見れるだろうと

引き延ばす必要はないので、1280pxより横幅が小さいときはそのままにWebpにしてほしい

という感じのコマンドがこれ

convert 変換前.png -format webp -resize 1280x\>  変換後.webp

もともとのコマンドにはバックスラッシュはないですが、なくすと標準ファイル出力と解釈されて0バイトのファイルが吐かれるので注意(1敗)。

一括処理は以下のコマンドを使います

mogrify -format webp -resize 1280x\> *.png

効果

とりあえず/post/階層においてたファイルをざっとwebp化してみました

件のファイルはこれくらい軽くなりました

これからも日記につける画像ファイルはwebpにしていこうかと思います