GIF vs JPEG & PNG

画像のアップロード形式は、GIF、JPEGが一般的でしたが、NC4、IE4からは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の8ビットカラーは不得意な分野.結果はわかっているので、わざとPNGでは、24ビットカラーにしてみました.
それにしても、PNGの美しいこと.80K近くの重い画像ですが、表示時間もインターレスにしたため、さほど苦になりません.JPEGとの差がわかるだろうか、発色がよく、にじみもない.
近い将来、
光ファイバー時代には、PNGフォーマットが画像の主流を占めるのは、ほぼ確実にでしょう.

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

BACKNEXT