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

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

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

インストール

$ sudo yum install libjpeg*

1つのファイル

ファイルを上書きする

$ 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 {} {} \;

png⇒OptiPNG

インストール

$  sudo yum install optipng

1つのファイル

$ optipng main_visual.png

複数のファイル(まとめて)

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

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

手順は以上。

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

[Sponsored Links]







  • このエントリーをはてなブックマークに追加
[Sponsored Links]