画像サイズはどこまで縮むの？

写真の場合

使う写真はwww.geocities.jp/bdrhq140のトップページの画像を弄ってみたものの流用(マテ

初期は画像サイズが2000ピクセルもあったので、2000ピクセルそのままで圧縮した場合と、444×295に縮小して圧縮した例の。合計12パターンについて実験を行う。

ファイル形式と容量の表

ファイル形式	画像サイズ	初期を200pxとした場合の棒グラフ
初期BMP	1.91 MB
縮小BMP	383 KB
GIF	337 KB
縮小GIF	74.5 KB
JPEG75%	90.2 KB
JPEG95%	419 KB
縮小JPEG75%	18.9 KB
縮小JPEG95%	81.8 KB
PNG(8bit)	277 KB
PNG(24bit)	987 KB
縮小PNG(8bit)	56.9 KB
縮小PNG(24bit)	206 KB

写真に強いJPEGでは、画質を殆ど保ったままファイルサイズを最大で100分の1にまで落とすことができた。 写真を使用する大きさに縮めてJPEG圧縮するのが最適だ。

初期BMPはあまりに重いためアップロードしていない。初期のBMPが欲しい場合は24bitPNGを解凍すればよい。

アイコンの場合

256色以下で使えそうなものがなかったので、ブラウザセーフカラーの立体カラーチャートをそのままキャプチャーした。この画像で実験する。

ファイル形式と容量の表

ファイル形式	画像サイズ	初期を200pxとした場合の棒グラフ
初期BMP	274 KB
GIF	16.6 KB
JPEG75%	18.2 KB
JPEG95%	55.6 KB
PNG(8bit)	2.93 KB
PNG(24bit)	2.13 KB

色数が少ない画像ではPNGがGIFより遥かに優秀。PNGへの対応が進めば将来GIFはなくなるかもしれない。見れば分かるが、アイコンの場合JPEG圧縮すると画質が大きく落ちる。 JPEGとGIF,PNGは上手く使い分けよう。

※24bitのほうが8bitより小さくなってますが、これは元々使われる色数が同じぐらいだったからだと考えられる。。