PNG を WebP に変換
下のエリアに PNG ファイルをドロップすると WebP ファイルが得られます。変換はお使いの端末上で行われるため、アップロードは発生せず、ブラウザのメモリが許す限りサイズや枚数の制限もありません。
ここに画像をドロップ
Ctrl/⌘ Vスクリーンショットやコピーした画像を貼り付け
対応形式: PNG
値を下げるほどファイルは小さくなります。写真なら 75 が扱いやすい既定値です。
100% ブラウザ内処理 ファイルは一切アップロードされません。
なぜ PNG を WebP に変換するのか
同じ写真であれば、WebP は元の PNG よりもかなり小さく収まるのが普通です。ページの読み込み容量を削りたいとき、アップロード上限に収めたいときに効いてきます。
This one is almost always done on purpose rather than out of necessity: you are optimising a website and PNG is the heaviest thing on the page. WebP is the sensible modern replacement — it keeps transparency, it is supported by every browser people actually use, and it routinely cuts the file to a fraction of the PNG. Unlike most conversions on this site, this is one where you usually gain something and give up almost nothing.
Before you convert
Lossy or lossless changes everything about the result
WebP can do both. Lossless WebP typically saves 20 to 30 percent over PNG while remaining pixel-identical — the safe choice for logos, icons and line art where a single soft edge would be noticed. Lossy WebP can cut 70 percent or more, which is the right trade for photographs and large background images where nobody is inspecting individual pixels. Choosing wrong in either direction is the usual mistake: lossy on a crisp logo looks smeared, lossless on a photo wastes most of the benefit.
Browsers are fine with it; email and some platforms are not
Every current browser reads WebP, including Safari since version 14, so for anything displayed on a web page the compatibility question is settled. Outside the browser it is patchier: a number of email clients, some social platforms and plenty of desktop software still refuse it. Optimising a site is a good use of WebP; attaching one to an email to a client is asking for a confused reply.
Keep the PNG
If you go the lossy route, the WebP is a derivative, not a replacement. Formats keep moving — AVIF is already displacing WebP the way WebP displaced JPEG — and re-encoding from your lossless original will always beat re-encoding from a lossy copy. The PNG is your master; ship the WebP.
What carries over
- Transparency
- Pixel dimensions
- Every pixel, if you choose lossless
What does not
- Some detail, if you choose lossy
- Support in older desktop and email software
PNG と WebP の比較
| 項目 | PNG | WebP |
|---|---|---|
| 圧縮方式 | 可逆 | 非可逆 |
| 透過 | 対応 | 対応 |
| 一般的なファイルサイズ | 同等の JPEG のおよそ 300-500% | 同等の JPEG のおよそ 65-75% |
| 互換性 | 数十年前のソフトも含め、どこでも開けます | 現行のすべてのブラウザとほとんどのアプリが対応 |
| 主な入手元 | スクリーンショット、ロゴ、図版 | ページ容量を最適化しているウェブサイト |
よくある質問
PNG ファイルはどこかにアップロードされますか？
いいえ。デコーダーとエンコーダーはこのページ内で動く WebAssembly モジュールです。形式を初めて使う際はネットワークタブにコーデックの取得が表示されることがありますが、ファイルを含む通信はありません。対応ブラウザでは一度使ったコーデックがキャッシュされ、以後は同じ変換をオフラインでも実行できます。
ファイルサイズや枚数の制限はありますか？
当サイト側では設けていません。実際の上限は端末のメモリです。変換中は画像を非圧縮で保持する必要があるためです。一般的なノートパソコンなら、1 億画素程度までは問題なく変換できます。
WebP に変換すると画質は落ちますか？
WebP は非可逆形式のため、一部のデータが捨てられます。既定の品質設定であれば、通常の表示サイズで違いが見えることはありません。ピクセル単位で完全に同じコピーが必要な場合は PNG を選んでください。
スマートフォンでも使えますか？
はい。同じ WebAssembly モジュールがモバイルブラウザでも動作します。スマートフォンの CPU は非力なためデスクトップより時間がかかり、非常に大きな画像ではメモリの上限に達しやすくなります。
PNG がスクリーンショットなのですが、注意点はありますか？
スクリーンショットは平坦な色面と輪郭の鋭い文字が大半を占めており、これは非可逆形式が最も苦手とする内容です。変換先が非可逆形式だと、文字の輪郭に薄いにじみが出ることがあります。品質を高めに設定するか、文字の鮮明さが重要なら PNG のまま使ってください。
WebP をウェブサイトで使っても大丈夫ですか？
大丈夫です。現行のすべてのブラウザが対応しており、訪問者のおよそ 97% をカバーします。残る隙間は古いブラウザではなく古いソフトの側にあり、一部のデスクトップ画像ビューアや古い CMS のアップロード欄では今も拒否されます。