実際の写真で比べるJPEG・WebP・PNGの容量

同じ品質数値でも形式によって結果は違います。NASAのEarthrise写真をApps24に読み込み、サイズ100%、品質80%でJPEGとWebPをダウンロードしました。下の原本と実際の出力を開いて比較を再現できます。

入力と結果

Earthrise · JPEG · 1041×81359,190 bytes
JPEG 80% · 1041×81342,674 bytes
JPEG 60% · 1041×81335,582 bytes
WebP 80% · 1041×81327,016 bytes
WebP 60% · 1041×81317,934 bytes
PNG · 1041×813395,915 bytes
WebP 80% · 521×4078,224 bytes

結果の読み方

元のJPEGは59,190バイト、JPEG 80%は42,674、WebP 80%は27,016で、原本より約54.4%小さくなりました。PNGは395,915バイト、約6.7倍に増えました。圧縮済み写真の可逆形式への変換は容量を増やすことがありますが、JPEGで失われた情報を復元しません。JPEGとWebPの80%が同じ画質を意味するわけではありません。

次の作業

原本を開いて保存し、ツールに読み込んでください。最初はサイズ100%を保って形式だけ変え、その後に品質を下げます。雲や月面の細部を元の倍率で比べ、小さなプレビューだけで判断しないでください。表示サイズが小さくてよい場合は最後に50%を試します。この写真のWebP 80%・サイズ50%は521×407ピクセル、8,224バイトでしたが、細部も減ります。原本は残してください。

ツールを使う

制限とテスト条件

2026-10-07、Chromium 154、原本1041×813、ブラウザのcanvasと高品質縮小で試験。表は再現スクリプトの測定値で、実際のJPEG/WebP 80%ダウンロードとハッシュが一致しました。1枚の写真の結果であり平均圧縮率や客観的画質評価ではありません。写真の出所はNASAで、Apps24撮影ではありません。派生画像は比較用の再エンコードです。NASAはApps24や結果を保証しません。

photo-comparison.js

参考資料

Apps24は例を実装と回帰テストで確認します。ブラウザ実験は条件を明示し、すべての端末を保証するものではありません。不具合はURL、入力例、期待する結果、ブラウザを添えてお知らせください。パスワード、非公開文書、個人情報は送らないでください。