PNG → WebP コンバーター
PNG のグラフィックとスクリーンショットを、ブラウザー内でより軽い WebP 画像に変換 — 透過もそのまま。品質を調整し、同じ手順でリサイズして、すぐにダウンロードできます。
またはファイルをここにドロップ
コピーした画像を貼り付けることもできます — Ctrl+V / ⌘V.
対応形式 PNG · 端末内で処理され、アップロードは一切されません
詳細設定
処理中…
このタブを開いたままにしてください。変換は端末内で実行されます。
完了 — ダウンロードできます
PNG を WebP に変換する方法
- 1
PNG ファイルを追加
スクリーンショット、アイコン、イラスト、デザインツールからの書き出しファイルをドロップします。
- 2
品質とサイズを調整
WebP は非可逆圧縮なので、品質スライダーでディテールと容量の釣り合いを取ります。幅の上限を追加すれば同時にリサイズできます。
- 3
WebP 画像をダウンロード
CMS やスタイルシート、メールにそのまま使えます。すべての主要ブラウザーがネイティブで表示します。
機能
同じ見た目で大幅削減
スクリーンショットや平坦なグラフィックは 60〜90% 縮むことが多く、ページの表示速度スコアが直接改善します。
アルファチャンネルを保持
PNG の透明部分は WebP でも透明のまま残るので、ロゴやアイコンのきれいなエッジが保たれます。
品質を自分で決める
92% から始め、画像がまだきれいに見える範囲で下げてください。結果一覧に最終容量が表示されます。
プライベートなローカル処理
エンコードはブラウザーが行います。アップロードも保存も、他人に見られることもありません。
PNG と WebP
どちらも透過に対応します。WebP は同じ画像をより効率的にエンコードするだけです。見た目はそのままに、閲覧者へより速く届きます。代わりに、WebP は画素単位で編集できません。
- WebP — 配信用に小さい
- PNG — 編集と保存用にロスレス
- どちらも透過を保つ
WebP が効く場面
ブラウザーがダウンロードする画像ならすべて該当します。ヒーロー画像、商品写真、アバター、文書のスクリーンショットなど。PNG を WebP 1 枚に替えるだけで、そのページが持つ画像の重みの大半を削れます。
- ウェブサイトとランディングページ
- CMS へのアップロードと商品写真
- メールや文書内の画像
よくある質問
PNG を WebP に変換するには？
PNG ファイルを追加し、詳細設定で品質と任意の最大幅を設定してから「WebP に変換」をクリックします。エンコードはブラウザー内でローカルに実行されます。
WebP は PNG よりどのくらい小さいですか？
スクリーンショット、アイコン、イラストでは 60〜90% 小さくなることが多いです。写真的な PNG はグラデーションをすでに効率的に保存しているので、縮小率は下がります。結果一覧に各ファイルの正確な容量が表示されます。
PNG から WebP にしても透過は保たれますか？
はい。透明部分はそのまま変換されます。作品を単色で塗りつぶしたい場合にだけ、白か黒の背景を選んでください。
WebP はどこでも対応していますか？
デスクトップとモバイルの現在の主要ブラウザーはすべて WebP を表示します。対応していないのは一部の古いデザインアプリと印刷ワークフローだけなので、マスターは元の PNG で保管してください。
アニメーション PNG はどうなりますか？
最初の 1 フレームだけが保持されます。Canvas による処理は静止画を 1 枚読み込むためです。アニメーションを作る場合は、動画を GIF や WebP に変換してください。
PNG ファイルはどこかにアップロードされますか？
いいえ。デコードとエンコードはブラウザーのタブ内で行われるため、ファイルは端末に留まります。