画像最適化ツール

• JPEG と GIF は WebP へ変換します。
• PNG は減色圧縮した PNG と WebP の 2 種類を生成します。
• SVG は不要な空白やコメントを削除した最適化版 SVG を生成します。
• PNG は 256 色のパレット化を使うため、大幅に軽くなる代わりに画像によっては見た目が少し変わることがあります。
• アニメーション GIF はフレームを保持したアニメーション WebP に変換します。
• WebP 品質設定は JPEG / PNG の WebP 変換に反映されます。アニメーション GIF → WebP には反映されません。
• すべての処理はブラウザ内で実行され、ファイルはサーバーへ送信されません。

PNG 最適化とは

PNG は可逆圧縮の画像形式です。このツールでは、PNG の内部データを圧縮し直すだけではなく、色数を減らしたパレット PNG を作ることでサイズを大きく下げています。特にロゴ、アイコン、UI パーツ、図版のように使用色が少ない画像では効果が出やすく、写真のような色数が多い画像では見た目の変化と引き換えになることがあります。

WebP 変換との違い

WebP は PNG より高い圧縮効率を狙える形式ですが、元画像の内容によっては必ずしも小さくなるとは限りません。すでに強く圧縮された JPEG や、色数の少ない PNG では、WebP の方が大きくなることもあります。そのため PNG では「減色 PNG」と「WebP」を比較し、用途に応じて使い分けるのが実用的です。主要ブラウザでは広く利用できますが、閲覧環境によって差があるため、対応状況は Can I use の WebP 対応一覧 も確認してください。

品質設定の考え方

WebP の品質値は、主に JPEG / PNG から WebP を作るときの見た目とサイズのバランスを決めます。値を下げるほど軽くなりやすく、値を上げるほど元画像に近づきますが、ファイルサイズは増えやすくなります。最終的には表示先のサイズ、画像の種類、許容できる劣化の程度を基準に調整するのが適切です。