PNGからWebP

PNG を WebP に変換

一度に100ファイルまで。フォーマットが混ざっていても構いません。

ここで PNG を WebP に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。

  • 処理される場所

    ブラウザーの中です。ファイルがアップロードされることはありません。

  • 非可逆

    サイズと引き換えに細部が失われます。WebPはPNGのすべてを保持できません。

  • ファイルサイズの上限

    1ファイルあたり100MBまで。無料、アカウント不要です。

PNGからWebPへの変換で実際に起きること

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB9.7 分の 1

なだらかな階調、やわらかい輪郭、粒状感のある写真です。WebPが想定している、あるいは想定していない典型例で、数値がどちらなのかを示します。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB38% 小さい

背景が透明で、図形にグラデーションがかかっています。WebPは両方を保持するか、片方だけ保持するか、透明部分を単色で塗りつぶすかのいずれかです。ここが見落とされがちな差です。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB4.2 倍

インターフェース、グラフ、ロゴのような、平坦な色と硬い輪郭です。上の写真とは挙動がまったく違い、答えが「ファイルの中身による」になる理由でもあります。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。

この乗り換えが割に合う場面

良い理由は 1 つ、ウェブサイトに載せることです。可逆の WebP は同じピクセルを保ったまま PNG より 5 分の 1 から 3 分の 1 ほど小さくなり、画像の多いページではそれが表示の速さを決めます。

手元で見るだけ、誰かに送るだけなら、PNG のままにしてください。乗り換えて得られるものはありません。

WebP には方式が 2 つあり、ここではそれが選択そのものです

可逆はすべてのピクセルを正確に保ったまま、それでも PNG より小さくなります。ロゴ、図面、グラフ、文字入りのスクリーンショットではこちらが正解で、しかも代償がありません。

非可逆は、PNG に入っているものが実は写真だった場合の選択肢です。そのときだけ、桁が変わるほど小さくなります。

実際にどれだけ減るか

スクリーンショットや図面を可逆で変換すると、たいてい 20 パーセントから 30 パーセントです。

写真を PNG で保存してしまっていたものを非可逆にすると、10 分の 1 になることも珍しくありません。そこでは PNG が最初から向いていなかった、というだけの話です。

透明はそのまま残ります

WebP は PNG と同じ 256 段階で透明を扱えます。切り抜いたロゴは切り抜かれたまま、やわらかい縁はやわらかいまま、影がぎざぎざになることもありません。

ここが JPG との決定的な違いです。透明が要るなら、JPG は最初から候補に入りません。

WebP が読まれない場所

ブラウザーの中では、何年も前から事実上どこでも読めます。

外は不揃いです。古い画像閲覧ソフト、一部の画像編集ソフト、添付ファイルを処理する仕組み、そして拡張子だけで判断するアップロード欄。ウェブ以外へ送るなら、PNG のほうが安全です。

動く PNG も動いたまま移せます

WebP はアニメーションを扱えるので、APNG は動きを保ったまま WebP になります。

しかも多くの場合かなり小さくなります。WebP はコマとコマの差分だけを保存するのに対し、APNG はそこまで詰め切れないからです。

PNG は残しておくこと

WebP はある目的のために作った版です。可逆で変換したのなら PNG に戻すこともできますが、非可逆で変換した場合は戻せません。

そして非可逆を選ぶのは写真のときで、つまり本当に何かが失われるのもそのときです。元のファイルを消す前に、どちらで変換したかを必ず思い出してください。

画像に付いている情報はどうなるか

PNG が EXIF を持っていることはまれで、WebP は持つことができます。

元になかったものが生まれることはありません。この変換が情報を作り出すことはなく、たいていの場合、捨てるものもありません。もともと何も入っていないからです。

画像は手元に残ります

変換はブラウザーの中で、あなたの端末の上で行われます。アップロードも一時保存もなく、こちらがあなたの画像を見ることはありません。

確かめたいなら、開発者ツールのネットワークタブを開いたまま変換してください。ファイルを運ぶリクエストは 1 つも現れません。

節約が実際に効いてくる場所

1 枚が 30 キロバイト軽くなっても、誰も気づきません。

しかし 1 ページに 20 枚あって、そのすべてが 4 分の 1 軽くなれば、携帯の回線では、すぐ出るページと待たされるページの差になります。効くのは 1 枚あたりではなく合計です。

PNG を WebP に変換する手順

  1. お手元の PNG ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に WebP を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった WebP ファイル をダウンロードします。

PNG と WebP——何が変わるか

PNGとWebPの比較
PNGWebP
正式名称Portable Network GraphicsWebP 画像
拡張子.png.webp
メディアタイプimage/pngimage/webp
圧縮方式可逆 — 何も捨てない設定によってどちらにもなる

失われるもの

PNG は 1 チャンネルあたり 16 ビットまで扱え、WebP に残るのは 8 ビットです。この余裕こそが、思い切った補正をかけてもトーンジャンプを出さずに耐えるぶんです。ですから変換は編集のあとに行ってください。先ではありません。

残るもの

失われるものはありません。PNG も WebP も中身を劣化なしに保持します。この変換が変えるのは包み方であって品質ではないので、劣化が積み重なる心配をせずに何度でも繰り返せます。

透明は保たれます。PNG も WebP もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

EXIF データ、XMP データ、ICC プロファイルは引き継げます。PNG にも WebP にも、それを収める場所があります。

変換先の形式が追加で扱えるもの

WebP はアニメーションを持てますが、PNG ファイル は 1 フレームしかありません。出てくるのは絵 1 枚のファイルで、それがもっと多くを扱えたはずの形式に入っている、という状態です。

結果を開く

Adobe PhotoshopとGIMPは PNG と WebP のどちらも読めるので、別のプログラムを開かずに、結果を元のファイルと並べて確かめられます。

どちらの形式が何のためのものか

PNG は PNG Development Group の形式です(1996 年に登場)。 記録は 1 チャンネルあたり 16 ビットです。

WebP は Google の形式で、2010 年から使われています。規定は RFC 9649 です。Adobe Photoshop、GIMP、Squooshがこの形式を読めます。

PNG から WebP:よくある質問

PNG ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

PNG から WebP への変換は無料ですか。

はい。アカウントも透かしもなく、変換できる本数にも上限はありません。お使いの機械の上で動くので、当方には費用が発生しないからです。ブラウザーは 100 MB までのファイルを扱えます。

PNG を WebP に変換すると品質は落ちますか。

WebP は圧縮するので、データはいくらか失われます。初期設定では気づかない程度ですが、確実にしたい場合は品質を上げてください。

PNG から WebP にすると、色深度は下がりますか。

PNG は 1 チャンネルあたり 16 ビットまで扱え、WebP に残るのは 8 ビットです。この余裕こそが、思い切った補正をかけてもトーンジャンプを出さずに耐えるぶんです。ですから変換は編集のあとに行ってください。先ではありません。

PNG から WebP への変換は可逆ですか。

失われるものはありません。PNG も WebP も中身を劣化なしに保持します。この変換が変えるのは包み方であって品質ではないので、劣化が積み重なる心配をせずに何度でも繰り返せます。

PNG から WebP にすると、透明は残りますか。

透明は保たれます。PNG も WebP もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

どちらが必要か決まっていませんか

このページは一方をもう一方に変換します。変換ではなく選ぶ段階なら、PNG vs WebPがどちらを何に使うべきか、それぞれ何が苦手かに答えます。

これらのフォーマットについて

この数値の出典

このページがPNGとWebPについて述べていることは検証できます。根拠となる資料は次のとおりです。