PNGをWebPに変換

PNG画像をWebPに無料変換。登録・アップロード不要でブラウザだけで完結。

PNGをWebPにすると透過が残り、たいていファイルも小さくなりますが、どちらのWebPで書き出すかが重要です。初期値の画質92では非可逆WebPになり、512 × 512の写真は791,555バイトから59,824バイトになりました。画質100ならChromiumはPNGとピクセルまで同じ可逆WebPを書き、同じ写真で379,076バイトでした。ドット絵に非可逆WebPは不向きです。Kenneyのスプライトシートではピクセルの半分が変わって8,692バイトになり、可逆なら2,814バイト、最適化済みの元PNGは1,996バイトでした。

画像をここにドロップ複数のファイルをまとめて処理できます

アップロードなし · この端末で処理

ゲームを作っていますか？

Nerulioは何よりも2Dゲームアセットのスタジオです。ドット絵を描き、スプライトシートをアニメーションに分割し、テクスチャアトラスをパックし、オートタイルのタイルセットを確認して、Godot・Unity・Phaserなどのエンジン向けに書き出します。ブラウザで動き、ファイルは端末の外に出ません。

ゲームスタジオを開く →ゲームツール一覧スプライトシート分割ドット絵エディタノーマル・テクスチャマップ

拡張子は1つ、エンコーダーは2つ

非可逆WebPは動画コーデックVP8をもとにしており、色情報を半分の解像度（Y′CbCr 4:2:0）で保存します。可逆WebPは正確なARGBを保存し、ピクセルの予測と繰り返しデータの再利用で圧縮します。どちらもアルファチャンネルを持つので、透過PNGはどちらでも透過のままです。

どちらのエンコーダーを使うかは、ブラウザが受け取った画質で決まります。Chromium 153では画質100ですべてのピクセルが一致する可逆ファイルになり、それ未満では非可逆になりました。スライダーの初期値は92なので、UI・文字・ドット絵では100に動かします。

非可逆WebPは色チャンネルでくっきりしたピクセルの境界を崩します。Kenneyのシートでは最大誤差が255中108で、アルファは正確に残りました。こうしたファイルでは、アルファ自体を捨てるJPGはさらに不利です。

非可逆WebP: VP8ベースで色は半分の解像度。写真を小さく保存します。
可逆WebP: 正確なARGBピクセル。Chromiumでは画質100で書き出されます。
クロマサブサンプリング4:2:0: 色をピクセルごとではなく2 × 2ブロックごとに持つ方式。1ピクセル単位の色の細部がにじみます。

写真とスプライトシートをWebPに（実測）

2026-09-28にChromium 153でNerulioの変換コードを使って計測しました。

写真: astronaut.png   512 x 512    791,555 バイト
  WebP q92  （非可逆）   59,824 バイト   SSIM 0.9883
  WebP q100 （可逆）    379,076 バイト   ピクセル同一

ドット絵: Kenney characters   224 x 74    1,996 バイト
  WebP q92  （非可逆）    8,692 バイト   8,481ピクセル変化、最大誤差108/255
  WebP q100 （可逆）      2,814 バイト   ピクセル同一

画質100での小さな例外は柔らかい縁だけです。KenneyのUIボタンでは12,288ピクセル中26個が最大4/255だけ違いました（このボタンには半透明の縁のピクセルが38個あり、ブラウザはそこでプリマルチプライドアルファを丸めます）。それ以外はすべて一致しました。

WebPに残るもの

PNGにあったもの	変換での処理	WebPでは
RGBピクセル	画質100未満は非可逆VP8、100は可逆（Chromium）	近似または同一のピクセル
アルファチャンネル	保持	アルファは保持（どちらの計測でも正確）
カラープロファイル	ブラウザのsRGBキャンバスに描画	ChromiumがsRGBの `ICCP` チャンクを書き込む
テキストチャンク・EXIF	コピーしない	なし
APNGアニメーション	拒否	—

結果の確認

WebPを暗い背景と明るい背景の両方に置きます。透過部分がPNGと同じに見えるはずです。
グラフィックなら、くっきりした縁を400%に拡大します。色のにじみがあれば非可逆なので、画質100で変換し直します。
提出先がWebPを受け付けるか確認します。最新のブラウザは対応していますが、一部のアップロードフォームや古いアプリは非対応です。

トラブルシューティング

症状	考えられる原因	確認方法	対処
ドット絵がぼやける・色の点が出る	初期値の画質92で非可逆WebPになった	1ピクセル単位の細部を拡大	詳細設定で画質を100にして変換し直します（Chromiumでは可逆）
WebPのほうがPNGより大きい	最適化済みの小さなPNG（インデックスカラー）で、可逆WebPでも勝てなかった	Kenneyのシート: PNG 1,996バイト対WebP 2,814バイト	PNGのまま使います
アップロードフォームが.webpを拒否する	そのサイトはJPGとPNGしか受け付けない	対応形式の一覧を確認	PNGのままにするか、写真ならPNG → JPGを使います
別のブラウザで「可逆」WebPが一致しない	計測したのはChromiumだけで、他のブラウザは画質100を別に扱うことがある	編集ソフトでPNGとピクセルを比較	ピクセルの一致が必要な場面ではPNGを使います

ほかの方法

方法	こんなときに向いています
PNGのまま使う	PNGとして最適化済みのドット絵やアイコン。KenneyのシートはPNGが最小でした。
自動形式で圧縮	形式にこだわらず、類似度の基準を超える最小のファイルが欲しい場合。
あとでWebP → PNG	Web用のコピーだけWebPが必要な場合。PNGの原本を残し、PNGを求めるツールには戻して渡します。

この方法の限界

画質100で可逆に切り替わる動作は、Chromium 153でのみ計測しています。
テキストチャンクとEXIFはコピーされず、アニメーションPNGは拒否します。

バージョンと出典

2026-09-28にPlaywright Chromium 153で、Nerulioの変換経路を使い宇宙飛行士の写真とKenneyのCC0ファイル2つ（pixel-platformer-characters.png、kenney-blue-button.png）を計測しました。WebPの非可逆・可逆の方式と4:2:0の色の持ち方はMDNの説明に従っています。

参照した公式ドキュメント

MDN: 画像ファイルの種類と形式ガイド

PNGをWebPに変換

PNGは可逆圧縮で透明に対応し、ロゴ・スクリーンショット向きですが写真は容量が大きくなります。

WebPは同程度の画質でJPG・PNGより小さくなりやすく、透明にも対応するWeb向け形式です。

ファイルはサーバーにアップロードされず、このブラウザ内だけで処理されます。

使用例

このツールで作成した例です。ZIPツールはプレビューを表示します。すべてのファイルはダウンロードしたZIPで確認してください。

画像形式を変換

PNG・JPG・WebPで保存。JPGでは透明背景が合成されます。

使い方

画像を開く
PNG・JPG・WebPから選ぶ
変換したファイルを保存

対応形式

PNG / JPG / WebP / AVIF / HEIC → PNG / JPG / WebP — 読み込み・書き出しはブラウザの対応状況によります。アニメーション入力は非対応です。静止フレームを選択してください。

このツールでできること

拡張子を変えるだけでなく、選んだ形式で再エンコードします。

処理方式と検証状況

advanced · browser image codecs. 品質検証中です。Pro・Flagship水準はまだ実証されていません。

書き出す前に

JPGは透過非対応です。メタデータ・カラープロファイル・アニメーションの保持は保証しません。

よくある質問

透明な背景を残すには？

PNGまたはWebPを選んでください。JPGでは透明部分が指定した背景色になります。

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

このツールで開いたファイルはアップロードせず端末で処理します。コミュニティの投稿に明示的に添付する画像は別途アップロードされます。一部のエンジンやモデルは外部から取得するため、IPアドレスなどの接続情報は配信元に伝わります。

作業は自動保存されますか？

いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。