PNG を WebP に変換 - 無料オンライン

PNG を WebP に変換するタイミング

同じコンテンツで WebP は PNG より劇的に小さいことが多く、特に写真や詳細な画像で顕著です。PNG から WebP はウェブ向けの最も効果の高い画像最適化の一つで、1.2 MB の PNG スクリーンショットを透明度を失わずに 200 KB 以下に削れます。

よくある場面：ドキュメントサイトのスクリーンショットの最適化、CDN 向けの PNG アイコンの縮小、デザインシステム向けの透明素材の準備、静的サイトの高速化。

WebP はどれくらい小さくなるか

平坦な領域と少ない色のグラフィック（アイコン、ロゴ、単純な図表）では 30〜50% の削減が見込めます。PNG として保存された写真や混在コンテンツのスクリーンショットでは 70〜90% の削減がよくあります。

正確な比率はソースの内容と画質設定によります。可逆 WebP は通常 PNG より 25〜50% 小さく、80% 品質の非可逆 WebP は目に見える違いをほとんど出さずにさらに小さくなります。

PNG 透明度の保持

WebP はアルファチャンネルに対応するため、PNG の透明度はそのまま引き継がれます。透明な角、柔らかい影、部分的な透明度はすべて変換を通して保たれます。

これは PNG から JPG に対する重要な利点です。JPG は透明度を無地の色に平坦化しますが、WebP はそれを保ちます。アイコン、ロゴ、スクリーンショット、あらゆる層状のデザイン素材で、サイズ削減と透明度の両方が必要なときは PNG から WebP が正しい選択です。

変換がブラウザ内でどう動くか

このツールはブラウザの Canvas API を使って PNG をデコードし、選んだ画質で WebP として再エンコードします。デコードとエンコードの両方がネイティブブラウザ API を使ってデバイス上で動き、何もアップロードされません。

PNG-8、PNG-24、PNG-32 の入力がすべて動き、アルファやインターレースのある PNG も含みます。出力は WebP が対応されているどこでも動く標準の WebP です。

一括変換と ZIP ダウンロード

PNG のフォルダを一度にドロップできます。各々が元の PNG サイズと変換後の WebP サイズを表示するカードになり、ファイルごとに節約を確認できます。「すべて変換」をクリックすると、一括で 1 パス処理します。

一括処理が終わると、下部バーが各 WebP を含む ZIP ダウンロードを提供します。これは最適化した画像フォルダをデプロイ、CDN、静的サイトビルドに移す最速の方法です。