PNG を WEBP に変換
ファイルはお使いのデバイス上で変換されます。アップロードされることはありません。
またはここにドロップ、Ctrl+V／⌘V で貼り付け
.png
- ファイルはデバイスの外に出ません
- 一括変換＋ZIP
- 登録不要・制限なし
この変換ツールはブラウザ内で動作するため、JavaScript が必要です。変換するには JavaScript を有効にしてください。手順は下で詳しく説明しています。
設定
重い PNG を、Web サイトやアプリ向けのコンパクトな WEBP に。透過もそのまま残ります。
このページは、Web サイトやネットショップ、アプリを作ったり運営したりしている人向けです。Web ページでいちばん重いのが PNG であることは多く、定番の解決策が WEBP です。現在のすべての主要ブラウザで表示でき、PNG と同じく透過に対応し、写真や商品画像なら容量は数分の 1 になります。書き出したグラフィックやスクリーンショットをフォルダごとここで変換し、どこにもアップロードせずにサイトの画像と差し替えられます。
PNG を WEBP に変換する方法
- PNG ファイル（商品写真、メインビジュアル、スクリーンショット、アイコン）をドロップします。
- 写真なら画質は 85 のまま。小さな文字のあるスクリーンショットは 90〜95 を試します。元画像が表示サイズより大きいなら、最大サイズを 1920px などに設定します。
- 変換して、WEBP をダウンロードするか、すべてを ZIP で受け取ります。
画質・サイズ・メタデータはどうなるか
この変換は非可逆の WEBP を使います。目に見えない細部を捨てる代わりに、ファイルが大きく小さくなります。初期値の画質 85 なら写真は PNG と同じに見えます。平坦なグラフィックでは、色のはっきりした輪郭がわずかに柔らかくなることがあり、画質を上げれば解消します。透過は、やわらかい影やアンチエイリアスのかかったふちも含めて保たれます。
元の PNG にカメラ情報があっても引き継ぎません。このツールの WEBP には EXIF が入りません。容量の削減幅は写真に近い PNG ほど大きく、もともと小さいシンプルなアイコンほど小さくなります。
- テストファイル
- 30
- 平均入力サイズ
- 14.7 MB
- 平均出力サイズ
- 1.2 MB
- サイズの変化
- 92% 削減
- 1 ファイルあたりの時間
- 897 ms
PNG と WEBP の違い
| 正式名称 | PNG | WEBP |
|---|---|---|
| 正式名称 | Portable Network Graphics | WebP |
| 登場 | 1996 | 2010 |
| 策定 | W3C · ISO/IEC 15948 | Google · RFC 9649 |
| 圧縮 | 可逆 | 非可逆・可逆の両方 |
| 透過 | あり | あり |
| アニメーション | あり | あり |
| 最大サイズ | 2,147,483,647 × 2,147,483,647 px | 16,383 × 16,383 px |
| Chrome / Edge | 対応 | 対応 |
| Safari | 対応 | 対応 |
| Firefox | 対応 | 対応 |
| Windows | 対応 | 対応 |
| iPhone / iPad | 対応 | 対応 |
| Android | 対応 | 対応 |
| 主な用途 | スクリーンショット、ロゴ、アイコン、図、透明な背景が必要な画像。 | ファイルの小ささが表示速度に直結する、Web サイトやアプリの画像。 |
PNG PNG は 1996 年に W3C が公開し、のちに ISO/IEC 15948 となった可逆の画像形式です。すべての画素を正確に保ち、完全な透過に対応しているので、スクリーンショット、ロゴ、文字に最適です。写真を PNG で保存すると、JPG の数倍の容量になるのが普通です。
WEBP WebP は Google が 2010 年に公開した画像形式で、RFC 9649 として文書化されています。非可逆と可逆の 2 つのモード、透過、アニメーションを持ち、同程度の画質なら JPG や PNG より通常 25〜35% 小さくなります。Web サイトでは広く使われていますが、一部のデスクトップアプリやアップロードフォームはまだ受け付けません。
この表の出典
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
- www.rfc-editor.org/rfc/rfc9649
- developers.google.com/speed/webp/faq
- caniuse.com/webp
ブラウザ対応データ：caniuse.com（CC BY 4.0）。
このサイトを使わずに変換する
Windows と macOS は WEBP を開けますが、標準機能で保存する方法はありません。ペイントもプレビューも、書き出し形式に WEBP がありません。画像編集ソフトやコマンドラインツールなら可能で、多くのサイト作成サービスや CMS はアップロードされた画像を自社のサーバーで WEBP に変換します。WEBP ファイルを自分で用意したいなら、インストール不要のこのようなブラウザのページがいちばん手早い方法です。
トラブルシューティング
- とても古いソフト。 古いデスクトップアプリやメールソフトの一部は WEBP を表示できません。そうした用途には PNG や JPG を残しておきます。
- 小さなアイコンが大きくなる。 2KB のアイコンは縮まないことがあります。PNG のままにするか SVG を使います。
- 文字の輪郭が甘い。 スクリーンショットやアプリ画面の画像は画質を 90〜95 に上げます。
- Safari。 Safari は自力で WEBP を書き出せないため、Safari では小さなエンコーダーを 1 回だけ読み込みます。その後の変換は同じように動きます。
よくある質問
WEBP は PNG よりどれくらい小さくなりますか？
PNG で保存された写真や商品画像なら、非可逆の WEBP は通常、何分の 1 にもなります。典型的なファイルでの実測値は上のベンチマーク表に載せています。色数の少ないロゴやアイコンでは効果は控えめで、まったく縮まないこともあります。PNG が大きく、写真に近いほど削減幅は大きくなります。
WEBP は透過に対応していますか？
はい。WEBP は完全なアルファチャンネルを持つので、透明な背景、やわらかい影、なめらかなふちは PNG と同じように残ります。Web サイトのロゴや切り抜き商品画像で、JPG ではなく WEBP を選ぶ一番の理由がこれです。
すべてのブラウザが WEBP に対応していますか？
現在の主要ブラウザはすべて対応しています。Chrome、Edge、Firefox、Opera、そして Safari（macOS Big Sur と iOS 14 の Safari 14 以降）です。公開サイトなら、ほぼすべての訪問者をカバーできます。とても古い環境まで対応する必要があるなら、picture 要素で PNG や JPG を代替として配信します。
サイトの画像はすべて WEBP にすべき？
写真、バナー、商品画像はほぼ必ず WEBP が得です。見た目は同じで表示が速くなります。シンプルなロゴは SVG が適しており、小さなアイコンは効果がないこともあります。画質 85 の WEBP は非可逆なので、何度も再圧縮しないよう、元の PNG は原本として残しておきましょう。