非可逆から非可逆へ:削減幅を決めるもの
どちらも非可逆ですが、失うものが違います。JPGは8 × 8の周波数ブロックを丸め、非可逆WebPは隣のブロックから予測し、色を半分の解像度で持ちます。入力がすでにJPGだと、WebPエンコーダーはJPGのノイズまで細部として再現しなければならず、元データから変換するより削減幅が小さくなります。MDNは非可逆WebPを平均25〜35%小さいとしていますが、JPG済みのこの写真では23%でした。
変換はスライダーの画質(初期値92)で1回エンコードするだけで、形式の比較はしません。容量の上限がある場合や、JPGとWebPを自動で選ばせたい場合は、圧縮が両方を採点して良いほうを残します。
- 第2世代
- 非可逆ファイルから作った非可逆ファイル。両方の誤差が重なります。
- SSIM
- 構造的類似度。1.0で同一。ここではWebPと展開したJPGを比べています。
- Chromiumの画質100
- 可逆WebPに切り替わります。ピクセルは正確ですがファイルはずっと大きくなります。
同じJPGを2つのWebP設定で(実測)
NASAのテスト写真をPillowの画質92で保存したJPG、Nerulioの変換コード、Chromium 153、2026-09-28。
元画像: astronaut.jpg 75,758 バイト 512 x 512
-> WebP q92 58,210 バイト -23 % SSIM 0.9918
-> WebP q100 276,100 バイト +264 % 可逆、ピクセル同一
元のPNGから作った場合:
WebP q92 59,824 バイト PNGに対するSSIM 0.9883
23%で足りなければ画質を下げるか、50KB以下に圧縮に任せます。同じJPGで、このツールはWebPの候補より点数の高い44,435バイトのJPG(SSIM 0.9822)を選びました。
JPGからWebPに引き継がれるもの
| JPGにあったもの | 変換での処理 | WebPでは |
|---|
| 展開したピクセル | 選んだ画質の非可逆VP8でエンコード | 近似したピクセル、幅・高さは同じ |
|---|
| EXIFの回転情報 | 展開時にピクセルへ適用 | 正しい向きのピクセル、回転タグなし |
|---|
| EXIFの日時・カメラ・GPS | コピーしない | なし |
|---|
| ICCプロファイル | ブラウザのsRGBキャンバスに描画 | ChromiumのsRGB ICCP チャンク |
|---|
結果の確認
- 空や肌のようななめらかな部分を100%で並べて比べます。新しい階調の段差やぼやけがあれば、この写真には画質が低すぎます。
- バイト数を確認し、削減が数パーセントだけならJPGのままにします。
- 実際に使う場所(自分のサイト、CMS、アプリ)にWebPを載せ、受け付けられるか確認します。
トラブルシューティング
| 症状 | 考えられる原因 | 確認方法 | 対処 |
|---|
| WebPがほとんど小さくならない | すでに強く圧縮されたJPGで、そのノイズにWebPのビットが使われた | 容量を比べる | 画質を80に下げるか、JPGではなく元の写真から変換します |
|---|
| WebPのほうがずっと大きい | 画質100では可逆WebPになる | 画質スライダーが100になっている | 写真では92以下にします |
|---|
| 色が少し違って見える | 出力はsRGBで、別のプロファイル付きの元画像は色がずれることがある | 画像ビューアで元画像のカラープロファイルを確認 | 先に元データからsRGBのJPGを書き出します |
|---|
| サイトに何も表示されない | ページやCMSがWebPを受け付けない | WebPをブラウザで直接開いてみる | JPGを使うか、両方を用意します |
|---|
ほかの方法
| 方法 | こんなときに向いています |
|---|
| JPGのまま使う | メール添付、プリントサービス、WebP対応が不確かな古いアプリ。 |
|---|
| 自動形式で圧縮 | 容量の上限がある場合や、選ぶ前にJPGとWebPを点数で比べたい場合。 |
|---|
| 元データから変換する | カメラの元データやPNGから作れば第2世代の劣化がなく、もっと小さくなります。 |
|---|
この方法の限界
- 非可逆の再エンコードは毎回誤差を加え、JPG → 非可逆WebPを誤差なしで行う方法はありません。
- EXIF(GPSを含む)はコピーされず、WebPにはsRGBプロファイルが入ります。
バージョンと出典
2026-09-28にPlaywright Chromium 153で、Nerulioの変換経路と、50KBの比較には圧縮タスクと同じ設定の src/compression.js を使って計測しました。入力は tests/fixtures/astronaut.png をPillow 12.3の画質92で保存したJPGです。25〜35%は私たちの計測ではなくMDNの数値です。
参照した公式ドキュメント
JPGをWebPに変換
JPGは写真で最も広く使われる非可逆形式で、容量は小さいものの透明は扱えません。
WebPは同程度の画質でJPG・PNGより小さくなりやすく、透明にも対応するWeb向け形式です。
ファイルはサーバーにアップロードされず、このブラウザ内だけで処理されます。
画像形式を変換
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アドレスなどの接続情報は配信元に伝わります。
作業は自動保存されますか?
いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。