PNG を WebP に変換

この無料ツールは、PNG のスクリーンショットやロゴ、図版を WebP に変換します。標準は可逆圧縮で、写真のような画像には非可逆圧縮も選べ、どちらのモードでも透過を保持します。処理はブラウザー内で行われ、アップロードされません。Safari は WebP を書き出せないため Chrome、Edge、Firefox が必要です。PNG によっては小さくならず、16 ビット PNG はチャンネルあたり 8 ビットになります。

うまく変換できないファイルがありましたか? [email protected] までメールでお知らせください。小さなサンプルファイルを添えていただけると、修正しやすくなります。

要点

PNG を WebP に変換する理由

PNG は、スクリーンショット、ロゴ、アイコン、図表を保存するのに安心な形式ですが、ファイルが大きくなりやすく、Web ページの表示を遅くすることがあります。WebP なら可逆圧縮モードでまったく同じピクセルを保存でき、たいていはより小さなファイルになります。WebP を開発した Google は、自社の比較で PNG より約 26 % 小さくなったと報告しています。JPG と違い、WebP はアルファチャンネルも保持するため、透過背景は可逆圧縮でも非可逆圧縮でも残ります。PNG ファイルをここにドロップし、可逆圧縮のままにするか、写真のような画像には非可逆の画質を選んで、WebP ファイルをダウンロードしてください。一覧には、各ファイルが可逆か非可逆か、そしてサイズがどう変わったかが表示されます。エンコードはブラウザーが行うので、画像はお使いの端末から外に出ません。Safari は WebP を書き出せず、その場合はページがはっきりお知らせします。

PNG を WebP に変換する方法

  1. .png ファイルをボックスにドロップするか、クリックして選びます。
  2. スクリーンショットや図版には「可逆圧縮(ピクセルを完全に保持)、おすすめ」のままにし、写真やグラデーションのあるイラストには非可逆の画質を選びます。
  3. 「WebP に変換」をクリックし、WebP ファイル、またはすべてをまとめた ZIP をダウンロードします。

知っておきたいこと

可逆圧縮なら圧縮による劣化はありません

可逆圧縮モードでは、画像は圧縮による劣化なしに保存されるため、PNG とまったく同じに見えます。ただし、半透明のピクセルの色の値は、丸めの分だけ異なる場合があります。ファイル一覧では、WebP ファイル内のデータに基づいて、各結果に可逆か非可逆かの表示が付きます。

非可逆 WebP でも透過は残ります

JPG は透過を保存できないため、背景を切り抜いた写真は昔から PNG で保存されてきました。非可逆 WebP はアルファチャンネルを別に保存して保持するので、透過背景の商品写真も、周りに白い枠が付くことなく大幅に小さくできます。

すべての PNG が小さくなるわけではありません

小さなアイコンや、最適化ツールですでに圧縮された PNG はほとんど変わらないことがあり、PNG で保存された写真は可逆 WebP でも大きいままのことがあります。一覧でサイズを比べ、写真のような内容には非可逆の設定を使ってください。

16 ビット PNG は 8 ビットになります

WebP はチャンネルあたり 8 ビットで保存します。一部のスキャナーや科学系ツールが書き出す 16 ビット PNG は 8 ビットに減らされます。画面上では見分けがつきませんが、さらに加工する場合には精度が失われます。

WebP の作成には Chrome、Edge、Firefox が必要です

画像はブラウザーが書き出します。Safari は WebP を表示できても保存はできません。ブラウザーが本物の WebP ファイルを作れない場合は、ラベルだけ違う PNG ではなく、メッセージが表示されます。

ファイル形式について

PNG

PNG(Portable Network Graphics)は 1996 年に登場した可逆圧縮の画像形式で、スクリーンショット、ロゴ、図、 透過のある画像によく使われます。すべてのピクセルが正確に保存されるため、文字や輪郭はくっきりしたままです。

  • 可逆圧縮のため、何度保存し直しても画質は落ちません。
  • 完全な透過(アルファチャンネル)に対応しています。
  • 写真を PNG で保存すると、たいてい JPG の数倍の大きさになります。

WebP

WebP は、ウェブページの表示を速くするために Google が 2010 年に発表した画像形式です。JPG のような非可逆圧縮にも PNG のような可逆圧縮にも対応し、透過とアニメーションも扱え、たいていどちらよりも小さくなります。 ウェブサイトは画像を WebP で配信することが多いため、保存した画像がこの形式になっていることがよくあります。

  • 現在のすべてのブラウザーが対応していますが、写真編集ソフト、オフィスソフト、アップロードフォームのすべてが対応しているわけではありません。
  • 非可逆と可逆の WebP は、どちらも同じ拡張子 .webp を使います。
  • GIF のようにアニメーションにできます。
  • 画像の大きさは最大 16383 × 16383 ピクセルです。

よくある質問

ファイルはアップロードされますか?

いいえ。PNG の読み込みも WebP の書き出しも、ブラウザーが端末上で行います。サーバーには何も送信されません。

可逆圧縮と非可逆圧縮、どちらを選べばよいですか?

くっきりした輪郭が大切なスクリーンショット、文字、ロゴ、線画、ドット絵には可逆圧縮を。写真や柔らかいグラデーションのあるイラストには、80 % または 90 % の非可逆圧縮を選ぶと、違いはほとんどわからないままはるかに小さくなります。

WebP 画像は自分の Web サイトで使えますか?

はい。Safari もバージョン 14 から対応しており、現在のすべてのブラウザーが WebP を表示します。非常に古いブラウザーや一部のメールソフトは非対応なので、そうした用途には PNG を残しておいてください。

透過は保持されますか?

はい、どちらのモードでも保持されます。透明なピクセルも半透明のピクセルも、WebP で透過のまま残ります。

使い方ガイド