ファイルを読み込んでいます…

WebPをPNGに変換

Photoshop、Word、古いアプリでファイルを開けるように、WebPをPNGに変換します。透明部分は保たれます。

またはここに画像をドロップ

WebPをPNGに変換する手順

WebPをPNGに変換する手順

WebPファイルをアップロード欄にドロップするか、クリックして端末からファイルを選びます。変換はファイルが届いた瞬間に始まり、押す変換ボタンはありません。ほとんどの画像で結果は1秒もかからずに表示されます。準備ができると、ダウンロードボタンが元のファイル名のまま拡張子を.pngに変えてPNGを保存します。別の画像を変換するには、次のファイルをドロップしてください。各変換はキューを作らず、ゼロからやり直します。コードはデスクトップでもモバイルのブラウザでも同じように動きます。アニメーションWebPは1枚の静止フレームとして処理されるため、最終的なPNGには最初のフレームだけが現れます。

透明な背景は透明なまま

透明な背景は透明なまま

WebPもPNGも8ビットのアルファ透明度に対応しています。これはデザインワークフローで重要です。ロゴ、製品の切り抜き、透明背景のアイコンをWebPからPNGに変換しても、背景は白く塗りつぶされません。PhotoshopやFigma、Illustratorはアルファ付きPNGを標準形式として扱います。印刷物や文書への配置、ウェブサイトのデザインで透明な素材が必要なとき、PNGが正しい選択です。グラデーションの影やアンチエイリアスのかかった縁も、不透明度の値を維持したまま変換されます。

WebPとPNG、それぞれの居場所

WebPとPNG、それぞれの居場所

画像がウェブページ上に置かれるなら、WebPのままにしてください。WebPは同じ見た目でPNGよりおよそ25から35パーセント小さく、ページの読み込みが速く、通信量も安く済みます。ファイルをオフラインの何かで開く必要があるなら、PNGに切り替えます。2022年後半より前のPhotoshopはWebPを開くのにプラグインが要ります。Word、PowerPoint、多くの古いWindowsツール、そしてほとんどのメールソフトは今でもWebPを受け付けません。PNGはどのアプリも理解する形式です。最終的な行き先がウェブサイトならWebPのまま、デザインファイル、印刷、オフィス文書、メール添付ならPNGのほうが安全な選択です。

出力されるPNGはWebPより大きくなります

出力されるPNGはWebPより大きくなります

WebPからPNGに変換すると必ずファイルが大きくなります。グラフィックでおよそ26パーセント、写真では2倍から10倍ほどです。この違いが実際の使い方に影響します。ウェブページでは大きなPNGは読み込み時間を増やすため、ウェブ用にはWebPのままにする価値があります。印刷、デザイン、文書作業ではファイルサイズが問題になることはほとんどありません。サイズの大きなWebP写真は何倍ものサイズのPNGになりうるため、ストレージの計画を立ててください。互換性よりファイルサイズの方が重要な場合は、変換せずにWebPのままにしてください。

あなたの WebP はどこで処理されるか

あなたの WebP はどこで処理されるか

WebP ファイルが実際にどこで変換されるかは、一度に送る枚数で決まります。1 枚だけ変換する場合、処理はブラウザのタブ内にある OS の画像エンジンだけで完結し、ファイルはどこにも送られず、ログにも残りません。ネットワークパネルを開いたまま変換しても、発信される画像リクエストはゼロです。複数枚をまとめて変換する場合は、サーバーに送信されて一括処理され、1 つのまとめダウンロードが生成されます。そのファイルはおよそ 2 時間以内にサーバーから削除されます。他の多くの WebP 変換サービスは、1 枚でも必ずサーバーに送ります。ここでは単独変換はタブの中で完全に完結し、まとめ変換だけがサーバーを経由します。

アニメーションWebPファイルの扱い

アニメーションWebPファイルの扱い

アニメーションWebPには複数のフレームが入っています。このツールは最初のフレームだけを静止PNGとして書き出します。すべてのフレームを保持したい場合は、GIFまたはAPNG専用の変換ツールが正しい選択です。一方、サムネイルやSNS用のプレビュー画像には、最初のフレームが最もわかりやすい出力となります。ブログ記事やメールキャンペーンのOGP画像を作るクリエイターにとっても、この動作は目的に合っています。アニメーションの最初のカットが視覚的に最も印象的な場合が多いためです。

使い方

  1. WebPをドロップするか選ぶ

    WebP ファイルをアップロード領域にドラッグするか、クリックしてファイル選択を開きます。WebP の透明部分は出力でも保持されます。1 枚の変換はブラウザ内で動き、複数枚をまとめて置くと当社のサーバーへ送られてまとめて処理されます。

  2. 自動変換を待つ

    ファイルが読み込まれた瞬間にブラウザがPNGを書き出します。画面解像度のほとんどの画像は、押すボタンもなく1秒もかからずに終わります。

  3. 出力サイズに注意する

    PNGは元のWebPよりはっきり大きくなります。サイズの大きいのWebP写真はPNGにするとたいてい数倍のサイズほどになります。これは想定どおりで、エラーではありません。

  4. PNGをダウンロードする

    ダウンロードを押してファイルを保存します。元のファイル名のまま拡張子が.pngに変わります。透明な部分は透明なままです。別のファイルを変換するには、次のWebPをドロップしてください。

他にも必要かもしれない関連ツール

逆方向に変換するか、他の形式を探してみましょう。

よくあるご質問

なぜPhotoshopやWordで私のWebPファイルが開けないのですか

WebPは新しいウェブ向けの形式で、多くのデスクトップソフトは今でもそれを無視します。Photoshopが正式にWebPに対応したのは2022年後半なので、それより古いバージョンはプラグインが必要です。Word、PowerPoint、古いmacOSのプレビュー、そして多くの古いWindowsツールは、この形式を単純に受け付けません。PNGに変換するのが万能の解決策です。画像を扱うアプリならどれもPNGを開けるので、デスクトップソフトとの互換性が大切なときはPNGが正しい選択になります。

この変換ツールは透明部分を保持しますか

はい。WebPもPNGも8ビットのアルファ透明度に対応します。透明なピクセルは透明なまま、半透明のピクセルは正確な不透明度の値を保ち、切り抜いた被写体の周りに白い塗りつぶしや縁取りは現れません。透明な背景に置いたロゴは、同じ透明な背景のPNGに、1ピクセルずつ平坦化なしで変換されます。だからこそJPGではなくPNGが正しい行き先です。JPGにはアルファチャンネルがなく、透明な部分を単色で塗りつぶしてしまうからです。

なぜPNGファイルはWebPより大きいのですか

PNGは可逆で、WebPはより圧縮されています。PNGは1990年代の圧縮アルゴリズムで全ピクセルをそのまま記録します。WebPは現代的な予測技術で同じ画像をより小さな場所に収めます。WebPからPNGに進むと必ずファイルは大きくなり、グラフィックで約26パーセント、写真では200から1000パーセントになることもよくあります。サイズの大きいのWebP写真は数倍のサイズのPNGになり得ます。これは想定どおりで、どこでも開ける形式の代償です。

WebPをPNGに変換すると画質が落ちますか

変換そのものが新たな画質の劣化を加えることはありません。PNGは可逆なので、WebPから読み取ったピクセルは1バイトずつ書き込まれます。ただし、元のWebPが非可逆モードで保存されていた場合、つまりウェブのWebPファイルのほとんどがそうですが、その圧縮ノイズはすでにピクセルの中にあり、PNGに変換しても取り除けません。PNGはWebPが画面で見えていたのと同じに見え、より良くはなりません。画質が足されるのではなく、これ以上の劣化が止まるだけです。

ここでWebPをPNGに変換するのは安全ですか

変換するファイルの枚数によります。1 枚の WebP はブラウザ内で変換されるため、そのファイルはアップロードされず、開発者ツール を開いて変換中にネットワークパネルを見れば、送信される画像リクエストが出ないことを確認できます。複数枚をまとめて変換するときは当社のサーバーへ送られてまとめて処理され、その結果は約 2 時間で削除され、ダウンロードしたらすぐ自分で削除する選択肢もあります。画像が機密、書類、私的な写真、仕事の素材なら、1 枚ずつ変換すれば端末上にとどまります。

アニメーションWebPファイルはどうなりますか

最初のフレームだけが変換されます。このツールは、元のWebPが複数フレームを含んでいても、アニメーションAPNGではなく1枚の静止PNGを出力します。すべてのフレームを残す必要があるなら、専用のGIFまたはAPNG変換ツールが適切な選択です。アニメーションWebPから静止サムネイルやプレビューが欲しいだけというほとんどの場合は、最初のフレームが正しい出力です。

詳細

良い仕上がりの背後にある技、フォーマット、小さな決定についてのチームからのメモ。

WebPがデスクトップアプリで広く対応されていない理由
WebPは2010年にGoogleから公開されましたが、デスクトップソフトの採用はブラウザの対応にはるかに遅れました。ブラウザは自分の描画エンジンを握っており、GoogleがChromeのWebP対応を競争上の利点として積極的に磨いたため、早くからWebPを取り入れました。デスクトップアプリは新しい画像形式の採用に時間がかかります。それぞれが独自のデコード処理を抱えており、新しい形式に対応するには数多くの例外的なケースに対する検証が必要だからです。プロの写真家やデザイナーの多くが使うAdobe Photoshopが正式にWebPに対応したのは、2022年後半のバージョン23.2でした。Microsoft Officeのアプリは2026年の今でもプラットフォームによってWebPの扱いがばらつきます。印刷用のRIPソフトや多くの古いアーカイブツールは、WebPをまったく採用しませんでした。実際の結果として、ブラウザでは完璧に表示されるファイルが、利用者が必要とするソフトには丸ごと拒まれることがあり、PNGへの変換が確実な回避策になります。
WebPがPNGより高い圧縮効率を得る仕組み
PNGは1996年の汎用の可逆アルゴリズムであるDEFLATE圧縮を使います。圧縮の前に走査線ごとに可逆のフィルタを一通りかけ、その結果をzlibのストリームで符号化します。これは効果的ですが、機械学習や動画コーデックの研究がより良い手法を生む前に設計されたものです。WebPの非可逆モードは、VP8の動画圧縮から派生したブロック単位の変換を使い、フレーム内予測と離散コサイン変換を16x16のマクロブロック単位に適用します。WebPの可逆モードは、空間予測、色変換、そして典型的な画像内容に対してDEFLATEより構造的に効率の良いLZ77符号化の段を使います。Googleが公開したベンチマークでは、可逆WebPは標準的なテスト画像の集合でPNGよりおよそ26パーセント小さく、アルファ付きの非可逆WebPは同等の見た目の品質でPNGのおよそ3分の1の大きさです。PNGからWebPへの方向はこの利得を取り込み、WebPからPNGへの方向はそれを元に戻すため、出力が大きくなります。
ファイルサイズの増加を実測した例
Chrome 148、Linuxデスクトップで、デコードしたWebP入力に端末のPNG書き出し経路を適用して計測しました。400x300ピクセルの小さなベクター風グラフィックを品質80のWebPで保存したものは、およそ15から25ミリ秒でデコードしてPNGに書き直され、サイズはおおむね20から30パーセント増えます。1024x768の写真的なWebP(標準的なサイズ)は、100ミリ秒未満でデコードしてPNGに書き直され、おおむね3倍から5倍に増えます。3840x2160の大きな写真的なWebP、およそ1からサイズの大きいは、約1.2秒でPNGに書き出され、場面の複雑さに応じて5倍から10倍に増えます。実際上の上限は、おおよそサイズの大きいのWebP写真が数倍のサイズのPNGになるあたりです。これらの数値は2つの形式の圧縮効率の違いを反映しており、ピクセル数に比例して増えます。
往復におけるアルファ透明度
WebPとPNGの8ビットのアルファチャンネルは同じ値の範囲を使い、0が完全な透明、255が完全な不透明です。ブラウザがアルファを持つWebPをデコードすると、A成分が元のアルファデータを反映したRGBA値のピクセルバッファを作ります。そのバッファをPNGとして書き直すとき、PNGの書き出し側はA値をPNGのアルファチャンネルへそのまま書き込みます。合成の工程は起きず、背景色も置かれず、事前乗算の副作用がピクセル値を変えることもありません。結果はアルファチャンネルの可逆な受け渡しで、PNGの各ピクセルの不透明度の値はWebPが記録していたものと一致します。縁に細かいアンチエイリアスのある画像でも、文字の縁で不透明度40パーセントのピクセルのような中間のアルファ値はすべて、往復をそのまま生き残ります。この忠実さこそ、行き先のアプリが画像を複数の背景の上に表示する必要があるときに、JPGではなくPNGを正しい選択にするものです。
EXIFとメタデータの挙動
書き直しの処理は、出力するPNGからEXIF、IPTC、XMPのメタデータを取り除きます。WebPファイルはメタデータのチャンクにEXIFを埋め込めますが、ブラウザが画像をデコードして書き直すと、そのデータは失われます。ICCのカラープロファイルは別の経路をたどります。ChromeとSafariはWebPをデコードした後、出力するPNGにsRGBのICCプロファイルのタグを保ちますが、FirefoxはICCプロファイルを含むすべてのメタデータを取り除きます。実際の結果は、すべてのブラウザでsRGBとして安全な出力ですが、元のWebPに埋め込まれた広色域のプロファイルはFirefoxでは残りません。ICCタグ付きの往復に頼るプロの写真ワークフローには、メタデータを意識した変換ツールを使ってください。一般的なウェブ画像の扱いでは、メタデータの除去はたいてい許容でき、出力ファイルのサイズをわずかに減らす小さな利点もあります。
プライバシーを実際に確かめる
ファイルのデータがブラウザから出ないという主張は、特別な道具なしで確かめられます。ブラウザを開き、webp-to-pngのページに移動し、F12または右クリックメニューで開発者ツールを開きます。ネットワークタブに切り替え、既存のリクエストを消去し、WebPファイルをドロップして変換を実行します。リクエストの一覧をFetch、XHR、またはすべてで絞り込みます。書き出しの間、画像データを含む送信リクエストは一覧にゼロ件です。表示される唯一のネットワークリクエストは、最初のページ読み込み用のアセットと通常の分析用のpingだけで、ページの表示回数とCore Web Vitalsの性能データを記録するだけで、画像の中身は含みません。主要な遠隔のWebPからPNGへの変換ツールは、変換ごとに少なくともアップロードのPOSTとダウンロードのGETを発生させ、どちらもサーバーに記録されます。端末内で完結する設計では、そうした記録がそもそも作られず、これが機密の内容を含むファイルを変換する利用者にとって意味のある違いです。