GIF vs JPEG & PNG

画像のアップロード形式は、GIF、JPEGが一般的でしたが、ＮＣ４、IE４からはPNGフォーマットに対応しています．これらのブラウザが主流を占めている今、何もGIFにこだわる理由なんかないんじゃなかろうか？と考えてます．
圧縮はすべて、Adobe Photoshop5.5J+ImageReady2.0J．GIFとPNGはインターレス、JPEGはプログレJPEGです．
注）表示の速度や速さがみたいのなら、このページは一番下から見たほうがよくわかるります．

Illustration

画像は、JPEG、GIF、PNGどのファイル形式がいちばん向いているのでしょうか？
まずは、アウトラインがはっきりして、均一色面の多いイラスト画像で比べてみてみましょう．
圧縮はすべて、Adobe Photoshop5.5J+ImageReady2.0J．GIFとPNGはインターレス、JPEGはプログレ．
JPEGはアウトライがにじんで、イラストやロゴには不向きなことがわかります．
ファイルの軽さでいえばGIFが有利ですが、PNGの発色のよさにも注目していただけたらと思います．

GIFJPEG PNG
128色高画質80%128色
12.926k 13.070k 17.523k

Potograph 1

サンプルではほとんど区別がつきませんが、人の肌のなめらかな階調を表現するには、JPEGがすぐれている．GIFフォーマットでは色を落とせば、落とすほど鮫肌になり、適しない．
軽さにしてもJPEGが優れているが、 画像の表示時間は単にファイルの大きさだけではなく、伸長時間も考慮しなければならない．表示時間は、GIF→PNG→JPEGの順となります．

GIFJPEGPNG
128色高画質60%24bitcolor
20.895k 10.836k 27.235k

Potograph 2

空などのグラデーションを表現するのは、GIFやPNGの８ビットカラーは不得意な分野．結果はわかっているので、わざとPNGでは、24ビットカラーにしてみました．
それにしても、PNGの美しいこと．80K近くの重い画像ですが、表示時間もインターレスにしたため、さほど苦になりません．JPEGとの差がわかるだろうか、発色がよく、にじみもない．
近い将来、 光ファイバー時代には、PNGフォーマットが画像の主流を占めるのは、ほぼ確実にでしょう．

GIFJPEGPNG
128色高画質60%24bitcolor
17.805k 9.838k 79.848k

▼BACK・ NEXT▲