2016.03.25

【PageSpeed Insights②】画像を最適化する設定

o_wani

この記事は作成から9年以上経過しているため、内容が古くなっている可能性があります。

画像に適切なフォーマットと圧縮を選ぶことで、データサイズを大きく削減できます。

ということで今回はCentOS7で画像を最適化する設定を行った手順を記載する。
jpegとpngに関して、Google推奨のロスレス圧縮を行う。

Contents

jpeg⇒jpegtran

$ sudo yum install libjpeg*

ファイルを上書きする

$ jpegtran -copy none -optimize -progressive -outfile main_visual.jpg main_visual.jpg

/var/www/html/img/配下のjpg画像をすべてロスレス圧縮

$ find /var/www/html/img/ -name "*.jpg" -type f -exec jpegtran -copy none -optimize -progressive -outfile {} {} \;

$  sudo yum install optipng

$ optipng main_visual.png

カレントディレクトリ以下のpngをすべてロスレス圧縮

$ find . -name "*.png" -print | xargs optipng

手順は以上。

参考サイト
jpegのロスレス圧縮 – Qiita
PNG画像を最適化するツール「OptiPNG」

STAFF