PNG画像はpngquantを使っているPngyuでローカル環境で高速に圧縮しよう

サイトを軽くする方法として一番効果的な方法は画像を圧縮することです。

画像は、ページをダウンロードする際のデータ量の大部分を占めることがよくあります。そのため、画像を最適化するとデータ量が大幅に減ってパフォーマンスが改善することが少なくありません。ブラウザがダウンロードしなければならないデータ量が減るほど、クライアントの帯域幅の競合が少なくなり、ブラウザでコンテンツをダウンロードして画面に表示するまでの所要時間を短縮できます。
画像を最適化する｜ PageSpeed Insights

しかし、一般的には画像を圧縮すると画質が悪化するというのが常識です。

そこで今回はスクリーンショットなどで利用するPNG画像をローカル環境ですばやく圧縮する方法を紹介します。

パンダで有名なTinyPNG
- TinyPNGのメリット
- TinyPNGのデメリット
ローカル環境で高速に圧縮できるPngyu
アップロード済の画像はFTPで再アップロードする
- JPG画像はどうする？

パンダで有名なTinyPNG

画像の圧縮といえばパンダで有名なTinyPNGが有名です。

TinyPNG – Compress PNG images while preserving transparency

TinyPNGはWordPress用のプラグインも用意されていて手軽に使うことができます。

TinyPNGのメリット

圧縮エンジンにPageSpeed Insightsで推奨されているpngquantを使用しているため、利用するとスピードテストのスコアが上がります。

また、TinyJPGもありJPG画像も対応しています。

TinyPNGのデメリット

しかしデメリットもあります。

オンラインのTinyPNGはサーバーにアップロードして圧縮するため、1回で20ファイルまで最大5MBまでとなっています。

大量の画像を一括で圧縮したい場合は不向きです。

WordPress用プラグインは月500枚まで無料でそれ以上は有料になる。

WordPressは1枚の画像をアップするとリサイズした画像を5～6枚くらい自動生成します。

つまり1ヶ月で500枚使える予定が100枚程度になることもあります。

ローカル環境で高速に圧縮できるPngyu

PngyuはTinyPNGと同様にpngquantを使用しているPNG圧縮ソフトです。

インストール不要で起動することができ不要になれば削除するだけでレジストリなども影響しません。

Pngyu公式ホームページ

Pngyuは簡単なマウス操作のみで複数のPNG形式の画像ファイルを一括で圧縮し、大幅なファイルサイズ削減を実現するツールです。
PNGファイルの圧縮エンジンにはImageAlphaやTinyPNGでも使用されている pngquantを使用しています。
pngquantでは24bit/32bitフルカラーのPNGファイルを優秀な減色アルゴリズムを用いて8bitインデックスカラーに変換することで、圧縮を実現します。

MacにもWindowsにも対応しています！