WebPからPNG

WebP を PNG に変換

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

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

  • 処理される場所

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

  • 可逆

    何も捨てられません。PNGはWebPが持っていたものをそのまま保持します。

  • ファイルサイズの上限

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

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

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

WebP14 KB

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

PNG139 KB9.7 倍

なだらかな階調、やわらかい輪郭、粒状感のある写真です。PNGが想定している、あるいは想定していない典型例で、数値がどちらなのかを示します。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
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 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 PNG.

PNG7 KB61% 大きい

背景が透明で、図形にグラデーションがかかっています。PNGは両方を保持するか、片方だけ保持するか、透明部分を単色で塗りつぶすかのいずれかです。ここが見落とされがちな差です。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
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 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 PNG.

PNG3 KB4.2 分の 1

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

WebP の行き先に、JPG ではなく PNG を選ぶ理由

WebP から JPG には、何かがファイルを開いてくれなかったから来ます。ここには目的があって来ます。理由はたいてい 2 つのどちらかです。背景が透明であること。あるいは、これからデザインの道具に入れて、編集に耐えさせたいこと。

どちらも JPG では答えにならない理由です。しかも僅差ではなく、根本的に答えになりません。

透明な背景を保つ

透明ははっきりした場合です。WebP には本物のアルファチャンネルがあり、PNG にもあります。切り抜いた商品写真、背景のないロゴ、画面用のアイコンは、透明をそのまま保ったまま変換されます。塗りの色を選ぶ必要も、あとで確かめる必要もありません。

同じファイルを JPG にすれば、その部分は単色——たいていは白——の上に固定されます。白いロゴを透明の上に置いていた場合、それは文字どおり消えます。画像に少しでも透明があるなら、答えは PNG です。

これから編集する画像には PNG

PNG は可逆です。いったん展開されてしまえば、切り抜き、調整、書き出し、保存し直しを何度繰り返しても、そこから先の劣化は積み上がりません。

JPG は保存のたびに少しずつ失います。1 回なら見えず、10 回なら明らかです。見るだけでなく手を入れる予定があるなら、PNG から始めてください。

ここでいう可逆が意味しないこと

1 つだけできないことがあり、言葉のほうが誤解を招きます。画像は良くなりません。WebP は作られた時点で細部を捨てていて、それを取り戻すものは存在しません。PNG が保証するのは、ここから先は何も失われないということだけです。

元がどこかにもっと良い形で残っているなら——カメラから出た写真、ロゴを書き出した元のベクターファイル——WebP を変換するより、そちらを変換するほうが常に良い結果になります。

ファイルは大きくなると思っておいてください

ときにはかなり大きくなります。WebP は効率が良く、PNG はそうではありません。とくに写真では、PNG が 5 倍になることも珍しくありません。

平らな色の図やアイコンでは差はずっと小さくなります。そういう絵柄こそ PNG が想定して作られたものだからです。透明のない写真を、ただどこかで開きたいだけなら、JPG のほうがはるかに小さく、目的にも合います。

可逆の WebP と非可逆の WebP では話が変わります

WebP には 2 つの方式があり、ファイル自身はどちらかを教えてくれません。可逆の WebP は、すべてのピクセルをそのままに PNG になります。どちらの方向にも失われるものがなく、戻せば同じ画像が返ってきます。

非可逆の WebP は写真での普通の場合で、そこでは PNG が、すでに削られた画像を忠実に保存します。どちらも正しい PNG になります。ただし、その大きさに見合うのは片方だけです。

スクリーンショットや図が最も向いています

平らな色、鋭い輪郭、文字。これこそ PNG の圧縮が想定して作られたもので、そこでは大きさの不利がほとんど消えます。WebP で保存したスクリーンショットを PNG にすると、5 倍ではなく 2 割増し程度で収まることがよくあります。

変換の値打ちがいちばん分かりやすいのもここです。こういう画像が行き着く先は、手順書、課題管理、デザインファイル——PNG なら文句なく読み、WebP は読めないこともある場所だからです。

フォルダーごと一度に変換する

好きなだけ置いてください。順番に変換され、置いた順のまま ZIP にまとめて戻ってきます。

ただしこの組み合わせでは合計を見てください。WebP で 40 MB だった写真 200 枚が、PNG では数百 MB になることがあります。それがすべてブラウザーの中で作られます。古い機械なら 50 枚ずつのほうが安全です。

透明が本当に残ったかを確かめる方法

白ではない背景の上で PNG を開いてください。多くの閲覧ソフトは透明な部分に市松模様を表示します。市松模様があるはずの場所に白い四角が見えたなら、透明はここより前の段階で失われています。

その画像が文書に入れるロゴなら、この 30 秒は惜しくありません。ロゴのまわりの白い四角は、印刷されるまで誰も気づかない類のものです。

WebP を PNG に変換する手順

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

WebP と PNG——何が変わるか

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

失われるもの

PNG が持てるのは静止した 1 フレームだけです。動く WebP ファイル からは最初のフレームだけが残り、あとは落ちます。この変換はそこから 1 枚の絵を取り出すもので、動きを運ぶものではありません。

残るもの

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

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

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

結果を開く

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

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

WebP は Google の形式です(2010 年に登場)。 記録は 1 チャンネルあたり 8 ビットです。

PNG は PNG Development Group の形式で、1996 年から使われています。規定は ISO/IEC 15948 です。Adobe Photoshop、GIMP、Paint.NETがこの形式を読めます。

WebP から PNG:よくある質問

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

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

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

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

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

いいえ。PNG は同じ内容を何も捨てずに保持できるので、結果は品質の点で元のファイルと同じです。

動く WebP ファイル は PNG になっても動きますか。

PNG が持てるのは静止した 1 フレームだけです。動く WebP ファイル からは最初のフレームだけが残り、あとは落ちます。この変換はそこから 1 枚の絵を取り出すもので、動きを運ぶものではありません。

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

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

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

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

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

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

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

この数値の出典

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