PNG を WebP に変換する方法
- 画像をドロップします。対応している画像形式はまとめて入れられるので、先に形式ごとに分ける必要はありません。
- 今回書き出す画像にチェックを入れます。追加した画像はすべて選択された状態から始まるので、除外したいもののチェックを外してください。
- 出力形式 を選びます。最初は WebP になっているので、好みの画質を設定します。
- 書き出す を押します。1 ファイルならそのままダウンロードされ、2 ファイル以上なら 1 つの ZIP で届きます。
書き出したあともファイルはワークスペースに残ります。選択を変え、出力形式を切り替えて、もう一度書き出せます。再アップロードは一切不要です。
透明はそのまま残ります
これが JPG ではなく WebP を選ぶいちばんの理由です。WebP は本物のアルファチャンネルを持つため、背景を切り抜いた PNG は切り抜かれたままです。下に何かが塗られることはなく、背景色を選ぶ必要もありません。このページに画質の設定はあっても 背景色 の選択肢がないのはそのためで、合成する対象がないからです。
透明とすべてのピクセルの完全なコピーの両方が必要なら、代わりに PNG で書き出してください。ここでの WebP は非可逆エンコーダーです。
画質と、その実際の働き
- 画質 は 1 から 100 までの整数で、初期値は 85 です。画質を上げるほどファイルは大きくなりがちです。
- 可逆モードはありません。ブラウザの WebP エンコーダーは画質の数値を 1 つ受け取るだけなので、このページは可逆 WebP を約束できませんし、約束もしていません。
- 設定は、実行中の書き出しに含まれるすべてのファイルに適用されます。比べたいときは値を変えてもう一度書き出してください。
写真や細かいアートワークなら、ファイルが小さくなる可能性は高いです。ただし保証はありません。アイコン、シンプルなロゴ、無地の UI のスクリーンショットのような小さく平坦な画像は、コンテナやカラープロファイルの分がピクセルデータを上回り、再エンコード後に大きくなることがあります。サイズが大事なら、残す前にダウンロードしたファイルを元のファイルと比べてください。
このページの対応範囲
- 入力：PNG。同じバッチに混ぜたい場合は JPG/JPEG（.jfif を含む）、WebP、AVIF、BMP も使えます。
- 出力：初期値は WebP。PNG と JPG もドロップダウンからすぐ選べます。
- 透明：保持されます。背景色は適用されません。
- 入力と出力が同じ形式：WebP を WebP として書き出す場合も、そのまま通すのではなく選んだ画質で再エンコードします。そうしないと、設定が一部のファイルにだけ効くことになるためです。
- アニメーション WebP：静止フレームが 1 枚書き出されます。アニメーションは保持されません。
- メタデータ：EXIF、ICC カラープロファイルなどの埋め込みデータは引き継がれません。
- ブラウザの対応：WebP の書き出しは、ページを開いたときに実際のブラウザで確認されます。WebP をエンコードできない場合、その選択肢は利用不可と表示され、黙って PNG に置き換えられることは決してありません。
- 一括処理：メモリ使用量を予測しやすいよう、ファイルは 1 つずつ処理されます。出力ファイル名が重複した場合は自動で番号が付きます。
1 つのファイルがデコードに失敗した場合、そのファイルは失敗として表示され、残りのバッチはそのまま続行されます。
質問
画像はアップロードされますか？
いいえ。すべてブラウザタブの中で行われます。ファイルはディスクからメモリに読み込まれ、描き直され、ローカルで再エンコードされます。サーバーには何も送られず、あとで削除すべきサーバー上のコピーもありません。変換中にネットワークパネルを見ていても、何も動きません。
透明部分は透明のままですか？
はい。WebP はアルファチャンネルに対応しているので、PNG の透明部分は WebP でも透明のままです。白やほかの色の上に合成されることはなく、このページに背景色の設定がないのもそのためです。透明が残せないのは JPG に書き出す場合で、そのページでは塗りつぶす色を選ぶよう求められます。
画質はどれくらいにすればいいですか？
85 は妥当な初期値で、ページもこの値から始まります。写真なら 70–80 まで下げても見た目の違いはたいてい分かりません。輪郭のはっきりしたグラフィックや文字を含む画像では、90 以上にしておくと縁のにじみを避けられます。推測するより、一度書き出してダウンロードしたファイルを元のファイルと比べ、別の値でもう一度書き出してみてください。ファイルはワークスペースに残るので、二回目に手間はかかりません。
WebP は必ず PNG より小さくなりますか？
いいえ。写真や複雑な画像ならたいてい小さくなりますが、小さく平坦な PNG は大きくなることがあります。再エンコードは魔法の圧縮ではありません。WebP コンテナにはそれ自体の容量があり、ブラウザは出力にカラープロファイルを埋め込みます。残す前に、ダウンロードしたファイルを元のファイルと比べてください。
可逆 WebP を作れますか？
いいえ。WebP という形式自体は可逆にもできますが、ウェブページから使えるエンコーダーは画質の数値を受け取るだけで、可逆に切り替えるスイッチはありません。ピクセルの完全なコピーが必要なら、代わりに PNG で書き出してください。
ブラウザが WebP を書き出せない場合は？
ページは問題なく読み込まれて使えます。WebP の選択肢は表示されますが無効になり、このブラウザは WebP を書き出せないという説明が添えられます。知らないうちに PNG に変えられることは決してありません。そうなると WebP が得られなかったことに気づく手段がないからです。PNG か JPG を自分で選ぶか、別のブラウザをお試しください。