画像フォーマットの説明

JPEGとGIFはどっちがいいの？
ホームページで使用する画像ファイルのフォーマット（保存形式）は、GIFとJPEGという形式を使用するのが普通です。この理由は、有名ブラウザ（NetScapeやIE）上で表示させることができ、どちらも優れた圧縮性をもっていることです。
では、このGIFとJPEGはどのような違いがあるのか、JPEGとGIFにどのような特長と短所があるのかを簡単に御説明します。

■GIF（最高色数：256色）
（長　所）
最大の特徴は、インターレース機能があること、これはじわじわとにじんで出てくる表現のことです。LZH形式の圧縮方法を採用し、画像の色数を256色〜2色まである程度自由に設定できるので、画像容量を意図的に軽くできる。また、Macとwindowsでの共通色の216色内の色を使用すれば、両プラットフォームでも差がほとんどなくなる。

（短　所）
写真などの多くの色数を使用している画像データを扱うには不向き。

■JPEG（最高色数：16万色）
（長　所）
最大の特徴は、天然色（約1670万色）でも非常に質の高い圧縮ができる。また、GIFのインターレース機能に相当するプロプレッシング機能を使用すると、設定したした段階でじわじわと表れる画像をつくることができる。

（短　所）
あまり圧縮率を高く設定すると、GIFよりも汚い画像になってしまうこと。伸縮にCPUパワーを必要とするので結果的表示時間が多くなる場合がある。

●だからどっちがいいのGIFかJPEG
簡単に分別すると、ベタ塗り（単一色で塗りつぶす）が多いイラストなどの画像データはGIFで色数をぎりぎりまで落として保存するのが適しています。
写真などの天然色に近い色数を持っている画像データはJPEGで保存するのが良いでしょう。

●では、実際に画像を見比べてみましょう。

JEPGでの画像圧縮の実験

□JPEGオリジナル画像（43kb） これが元の画像ですが、レベル10でJPEG圧縮されています。レベルが低い程、高圧縮率です。	□JPEG圧縮レベル8（31kb） PhotoshopのJPEG保存レベル8の画像です。ほとんど画像劣化は確認できません。
□JPEG圧縮レベル6（25.6kb） PhotoshopのJPEG保存レベル6の画像です。こくらいまでなら、さほど画像劣化はきになりません。	□JPEG圧縮レベル4（23kb） よくみると山と空の境界線に圧縮時のひずみが確認できますが、でも、この画像なら許容範囲です。
□JPEG圧縮レベル2（21kb） 各部にかなりひずみが目立ちますが、未圧縮時にくらべ容量は約半分になっています。

GIFでの色数減少の実験

□256色ノーマル ノーマル保存していますので、空のグラデーションに限界が伺えます。	□256色ディザリング ディザリング（誤差拡散法）保存していますので、空のグラデーションもノーマル時にくらべかなりきれいです。
□128色ノーマル ノーマル保存していますので、空のグラデーションはさらに限界…。	□128色ディザリング 空のグラデーションもなんとか我慢できるレベルですね。
□64色ノーマル もはや空のグラデーションは再現不可能な色数です。	□64色ディザリング 空のグラデーションも再現性は限界に達してします。

以　上