完全無料

PNG を WEBP に 変換

PNG画像をWEBP形式に瞬時に変換します。高品質と透過背景を保ったまま、ファイルサイズを大幅に削減できます。安全・高速、そして完全無料です。

ここにPNGをドロップ

最大50MBまで対応

または

このツールについて

PNG から WebP への変換は、Web 画像配信の最も効果的な単一の最適化の 1 つです。可逆圧縮でエンコードされた WebP は、通常、同等の PNG よりも 25% 小さいファイルを生成しますが、目に見える違いはありません。デフォルト品質の非可逆 WebP では、多くの場合、写真 PNG が 60 ~ 80% 縮小されます。電子商取引、ブログ、ドキュメント、画像を多用するシングルページ アプリなど、大量の画像を提供するサイトの場合、WebP 配信に切り替えることで、速度と帯域幅が目に見えて向上します。

このコンバータは、組み込みの画像エンコーダを使用してブラウザ内で WebP をローカルにエンコードします。このエンコーダは、最新のすべてのブラウザで Canvas.toBlob('image/webp') 経由で利用できます。 PNG はキャンバスにデコードされ、選択した品質レベルで WebP として再エンコードされます。アップロード、サーバー側の処理、ファイルの保持はありません。

可逆 WebP と非可逆 WebP のどちらを選択するかは、コンテンツによって異なります。写真や複雑なカラー画像の場合、品質 75 ~ 85 の非可逆 WebP は通常、ファイル サイズを半分にしながらソースと区別できません。 UI スクリーンショット、ロゴ、図、および鋭いエッジやテキストを含むあらゆる画像の場合、ロスレス WebP はアーティファクトなしで詳細を保持します。

PNG を WebP に変換する理由

WebP が存在する理由は 1 つあります。それは、同等の品質でより小さなファイルを提供できるからです。最近の Web サイトでは、ページの重みが読み込み時間、モバイル データの使用量、検索ランキングに影響を与える Core Web Vitals スコアに直接影響するため、これは重要です。 PNG を WebP に置き換えると、通常、サイズが 25 ~ 80% 削減され、ページの高速化に直接つながります。

ブラウザのサポートは、Chrome、Firefox、Safari、Edge の現在のバージョンで共通です。この形式は 2020 年からベースラインでサポートされています。ほとんどの実稼働サイトでは、古いブラウザーに PNG フォールバックを使用して WebP を提供する必要はありません。直接 WebP 配信は、95% 以上の訪問者に機能します。変換は 1 回限りのステップであり、ページビューごとにその効果が見込まれます。

使い方

PNG をドロップし、品質を選択し、エンコードします。パイプライン全体がブラウザーで実行されます。

  1. PNG をアップロードする: ファイルをアップロード領域にドラッグするか、クリックして参照します。最大 50 MB のファイルが受け入れられます。複数画像の一括変換にも対応しています。
  2. 品質を選ぶ: デフォルトは 85 で、写真コンテンツにとって損失のバランスが適切です。ロスレス WebP には 100 を使用します。ピクセルパーフェクトで、PNG よりも小さいです。写真コンテンツのサイズを積極的に縮小するには、60 ~ 75 を使用します。
  3. 変換する: ブラウザは PNG をキャンバスにデコードし、canvas.toBlob('image/webp',quality / 100) を呼び出します。エンコーダーはブラウザー プロセスで実行され、サーバーのラウンドトリップは発生しません。
  4. ダウンロード: WebP ファイルを保存します。出力ファイル名には、.webp 拡張子が付いたソース PNG 名が使用されます。 HTML または CMS 内の PNG 参照を置き換えて、より小さいファイルの提供を開始します。

一般的な使用例

技術的な詳細

WebP は、不可逆エンコードには VP8 を使用し、可逆エンコードには VP8L を使用します。非可逆 WebP は、ブロックベースの予測 (隣接するブロックからのフレーム内コーディング)、DCT のような変換 (4x4 およびウォルシュ アダマール)、算術コーディング、および高度なループ フィルターを適用します。その結果、JPEG の古い 8×8 DCT とハフマンのアプローチよりも大幅に効率的になります。

ロスレス WebP は、LZ77 後方参照といくつかのオプションの予測変換 (緑の減算、カラー キャッシュ、予測、カラー変換) を組み合わせます。繰り返しのパターンや大きな平らな領域を含む画像 (UI モックアップ、アイコン、図) の場合、PNG と比較した場合の節約率は 50% を超える可能性があります。

ブラウザのエンコーダは、品質パラメータ (0 ~ 100) を内部 VP8 量子化レベルにマップします。品質 100 は、ほとんどのブラウザ実装でロスレス モードをトリガーします。 VP8 はより効率的なエントロピー コーディングを備えているため、通常、エンコーディング速度は同等の PNG エンコーディングよりも高速です。

ベストプラクティス

よくある質問

PNG を WEBP に変換すると画質が低下しますか?
WEBP は非可逆と可逆の両方を使用します。わずかな品質の低下が見られる場合がありますが、ほとんどの目的では、違いは無視できます。損失を最小限に抑えるために、可能な場合はより高い品質設定を選択してください。
WebP 形式の利点は何ですか?
WebP は通常、JPG や PNG よりも 25 ~ 35% 小さいファイルを同等の品質で生成します。非可逆圧縮と可逆圧縮の両方、透明性、アニメーションをサポートします。最新のブラウザはすべて WebP をサポートしています。
アニメーション PNG ファイルを変換できますか?
このツールは静止画像を変換します。アニメーション コンテンツの場合は、専用のアニメーション コンバーターが必要になります。
変換中、私の画像は非公開に保たれますか?
はい。 PNG ファイルは、Canvas API と JavaScript を使用してブラウザ内で完全に処理されます。サーバーには何もアップロードされません。ファイルはデバイスからコンバータに直接送信され、デバイスに戻ります。
私の PNG はサーバーにアップロードされていますか?
いいえ。変換は、キャンバス API とブラウザの組み込み WebP エンコーダを使用してブラウザで実行されます。ファイルはデバイスから流出しません。
複数の PNG を一度に変換できますか?
はい。複数のファイルをアップロード領域にドロップします。それぞれが個別にエンコードされ、別個の WebP としてダウンロードされます。非常に大きなバッチの場合は、cwebp や Sharp などのデスクトップ ツールの方が効率的です。
WebP が PNG よりも圧縮率が高いのはなぜですか?
WebP は高度な予測およびエントロピー コーディングを備えた VP8/VP8L エンコーディングを使用しますが、PNG は画像データ用に特別に調整されていない古い汎用アルゴリズムである DEFLATE を使用します。 WebP のロスレス モードは、PNG のスキャンラインごとのフィルターよりも優れた予測変換も提供します。
WebP はアニメーションをサポートしていますか?
はい、WebP は GIF や APNG と同様のアニメーションをサポートしています。このコンバータは静止画像のみを処理します。アニメーション PNG (APNG) からアニメーション WebP への場合は、別の変換パスが必要です。