WebP vs PNG

ほとんどのWebサイトでは、そのとおりです。WebPファイルは同等の画質でPNGより25–35%小さく、ページの読み込みが速くなり、Core Web Vitalsのスコアも向上します。WebPは透過にも対応しているため、Web用途ではPNGの有力な代替になります。

はい、WebPもPNGと同様に、アルファチャンネルによる完全な透過に対応しています。実際、透過つきのWebPは透過つきのPNGよりファイルサイズが大幅に小さくなるため、透過を使うWebグラフィックスに最適です。

2024年現在、WebPはChrome、Firefox、Safari、Edgeをはじめとする主要なモダンブラウザのすべてで対応しています。ただし、非常に古いバージョンのブラウザでは対応していない場合があります。HTMLのpicture要素を使えば、PNGをフォールバックとして指定できます。

WebPはロスレス圧縮に対応しているため、ロスレス設定で変換すればピクセルデータをそのまま保持できます。非可逆（ロッシー）のWebPでは多少の画質低下がありますが、同程度のファイルサイズのJPEG圧縮と比べると、目立ちにくいのが一般的です。

印刷のワークフロー、プロのデザイン、アーカイブ、メールでの互換性、そして閲覧環境を管理できないあらゆる場面では、PNGのほうが適しています。