PNG を WebP に変換

WebPは、Googleがウェブのために設計した画像フォーマットです。目標そのものが「同じ画質をより小さな容量で」であり、実際に透明背景のあるグラフィックならPNGに比べて25〜50%ほど軽くなることが多いです。PNGは無劣化のため、色が少し複雑になるだけでファイルが一気に重くなりますが、WebPは無劣化・非可逆の両方のモードを備え、状況に応じてより効率よく圧縮します。

しかもその上で、ウェブグラフィックに欠かせない透明度（アルファチャンネル）をそのままサポートするのが要点です。ロゴやアイコン、背景を消した商品カットのように、これまでPNGで保存していた画像を、透明度を損なわずより軽く収められます。「PNGの透明さは守り、容量だけ削る」——これがPNGをWebPに変換する最大の理由です。

ウェブページが遅く感じられる原因は、たいてい重い画像です。訪問者がページを開いてから、画面で最も大きな要素（多くはヒーロー画像や代表的なグラフィック）が描画されるまでの時間をLCP（Largest Contentful Paint）と呼び、Googleはこれをページの体感速度を測る中心的な指標としています。その大きな画像をPNGからWebPに変えて容量を半分近くまで減らすと、LCPが目に見えて短くなります。

読み込みの速さは、単に気持ちよさの問題ではありません。ページの表示が遅いと、訪問者は待たずに離れてしまいやすく、検索エンジンも遅いページを高く評価しません。特に画像の多いブログ・ネットショップ・ポートフォリオなら、代表的な画像をWebPに最適化するだけで、読み込みと検索での露出の両方に役立ちます。このツールで1枚ずつ変換してアップロードしても、効果は積み重なっていきます。

かつては「WebPは開けない」という心配が多くありましたが、今では状況がかなり変わりました。Chrome、Safari、Edge、Firefoxといった最新の主要ブラウザは、いずれもWebPを標準で表示します。ウェブに載せる目的であれば、訪問者のほとんどが問題なく見られると考えて差し支えありません。

ただしブラウザの外に出ると、まだ隙間があります。非常に古いバージョンの画像ビューアや編集ソフト、一部の文書ソフト、特定のメッセンジャーのプレビューなどでは、WebPを開けない場合が残っています。ですからファイルとしてやり取りしたり、古い環境まで配慮したりする必要があるなら、WebPはウェブ掲載用に使い、元のPNGも一緒に保管して必要なときに出す方式が安全です。