IMAGE GUIDE · FIXTURE-BASED MEASUREMENT
画像サイズとファイル容量は何が違う？
ピクセル寸法と保存に必要なbyte数は別の指標です。今回はJPEG実写真1枚を、ResizeとJPEG再エンコードで比較しました。
最初に結論
画像サイズは横×縦のピクセル寸法、ファイル容量は保存時に必要なデータ量です。今回の写真ではResizeでpixel数とbyte数の両方が変化しましたが、削減率は一致しませんでした。また、寸法を維持したJPEG再エンコードでもbyte数は変化しました。
今回使った実写真と条件
1800 × 1200 px3:2の横長JPEG
2,160,000 px幅 × 高さ
328,056 B元ファイル容量
建築物、樹木、空、地面、細かな建築装飾を含む写真です。特定の建築物名は断定していません。
Resizeするとどうなる？
| 項目 | 元画像 | Resize後 |
|---|---|---|
| pixel数 | 2,160,000 | 960,000 |
| 容量 | 328,056 B | 268,313 B |
| 削減率 | — | pixel 55.556% / byte 18.211% |
この結果では、pixel数とbyte数はいずれも減りましたが、減り方は同じではありませんでした。
同じ1800×1200でCompressするとどうなる？
| 条件 | dimensions | pixel数 | 容量 | 元比 |
|---|---|---|---|---|
| Original | 1800×1200 | 2,160,000 | 328,056 B | — |
| JPEG Q90 | 1800×1200 | 2,160,000 | 417,582 B | 27.290%増加 |
| JPEG Q75 | 1800×1200 | 2,160,000 | 341,266 B | 4.027%増加 |
| JPEG Q55 | 1800×1200 | 2,160,000 | 286,668 B | 12.616%削減 |
今回のJPEGでは、再エンコード後のQ90・Q75が元ファイルより大きくなりました。JPEGは元ファイルのエンコード条件によって、再エンコード後のファイルが元より大きくなる場合があります。この表は今回のfixture・ブラウザCanvas・設定に限る実測です。
ResizeとCompressは何が違う？
Resizeは幅・高さを変え、pixel数を変える処理です。Compressは幅・高さを維持したまま、保存時の圧縮条件を変える処理です。今回のQ90/Q75/Q55は同じ1800×1200・2,160,000 pxのまま、byte数だけが変化しました。
今回の実測から分かること
- Resizeするとpixel数が減った。
- Resizeでbyte数も変化したが、pixel削減率とは一致しなかった。
- Compressではdimensionsを維持したままbyte数が変化した。
- 画像サイズとファイル容量は同じものではない。
画像内容、format、quality、metadata、透明情報などで結果は変わります。ここでの数値を保証値や推奨設定として扱わないでください。
よくある質問
画像サイズを半分にすると容量も半分になりますか？
今回のResizeでは削減率が一致しませんでした。画像や保存条件で結果は変わります。
ピクセルとKB・MBは同じですか？
違います。ピクセルは画像の寸法、KB・MBは保存に必要なデータ量です。
Web掲載ではどちらを先に使いますか？
縦横が必要以上に大きければResize、寸法を保ったまま容量を試したければCompressを使います。