画像圧縮の品質75・85・95比較：200KBの目標サイズを検証

比較条件と再現方法

実行例では、文字とモノクロの中心またはテクスチャを持つ合成画像を選択してください。両方の素材は写真撮影ではなく、サイトが直接描いた1600×900試験画像です。元のPNGを最初に生成した後、ピクセルサイズをそのまま維持し、JPEG・WebP品質75・85・95でそれぞれ保存します。出力ファイルも直接ダウンロードできます。

表のバイト数は、実際に生成されたファイルのBlob.sizeです。品質番号はエンコーダ設定であり、元の情報がその割合だけ残るという意味ではありません。ブラウザがフォーマットをサポートしていない場合は、結果を別の拡張子にだまして保存せずに実行エラーを表示します。

2026-10-01 単一ブラウザ環境の実測例

以下の値は、上記の実施例と同じ２つの合成画像で測定した。ブラウザによって異なる場合があり、実際の写真の予想ファイルサイズや形式別の優劣を一般化する資料ではありません。ピクセルサイズはすべての行で1600×900です。

200KBの目標結果は何が違うの？

200KBの別々の行は、実際の画像容量を減らすナビゲーション関数を使用します。開始品質85、最小品質50、最大長辺2048ピクセル、追加の縮小許容条件。 200KBは200,000bytes以下です。まず品質を変えて目標を超えるとピクセルサイズが減るので結果の横・縦を一緒に確認してください。

75・85・95 比較行は目標容量を合わせる実験ではない。同じサイズで品質設定のみを変更した結果です。目標行とそれを混ぜて圧縮率が良いと判断すると、比較条件が異なります。

私のファイルに適用する品質と確認の順序

1. 写真は品質85で始まり、文字と輪郭を拡大して確認します。
2. ファイルサイズが十分に小さい場合は、95の結果と比較して詳細な説明の違いが必要かどうかを判断します。
3. サイズが大きすぎる場合は、75を比較しますが、送信元が要求する最小ピクセルサイズも確認します。
4. 小文字・図表・ロゴが重要であれば、PNG 原稿と JPEG・WebP 結果を比較します。
5. 例から取得したファイルサイズを、私の写真の予想サイズとして使用しません。

Canvas toBlobの形式・品質処理文書は、品質設定とサポートされていない形式の処理の違いを説明します。

よくある質問