ウェブ画像ファイル：GIF、JPG、PNG ファイルの相違

2009 年 9 月 1 日 | カテゴリー: ブログ運営 | タグ:

本サイトは、テキストベースのブログというカテゴリーだろう。あまり写真もないし、画像も多用していることはない。それでも、素晴らしいアイコンや画像は、利用したいと常々考えている。

そうした中、画像ファイルにもいろいろな種類があることに今更気が付いた。これまでは、無知のまま「JPG ファイル」を利用。ウェブに採用すると画像が綺麗に感じるという単純な理由だったが、ウェブページ「HTMLクイックリファレンス::WEB画像について－GIF・JPEG・PNGの特徴」を確認すると、きちっとしたファイルによる違いがあることが解る。

自分用に総括しておこう。

GIF ファイル JPG ファイル PNG ファイル
GIFは最大8ビット（256色）までの色を扱うことのできる圧縮画像形式。256色以上必要ないロゴ、リンクボタン、アイコン、アニメ調のイラストなど、 特に単色ベタ面を多く含む平坦な画像に向いている。逆に写真やスケッチなどの多くの色数を必要とする画像には不向き。 JPEGは圧縮画像形式で、24ビット（1670万色）まで扱うことができる。 このため、多くの色数を必要とする写真などの表現に向いている。 また、グラデーションのように色調が連続して変化する画像にはJPEGが適している。 反対にアイコンやアニメ調の平坦なイラストなどをJPEGで保存するとにじんだように汚くなる。 PNGは｢ピング｣と読み、特許使用の解釈に不安のあったGIFに替わるライセンス・フリーの画像形式として開発。 PNGの長所は、以下の通り。
  • フルカラーにも8bitカラーにもすることができる。
  • 圧縮率が高く同じ内容のGIF画像より10%～30%程度ファイルサイズが小さくなる。
  • 圧縮によってデータが捨てられてしまうことがない可逆圧縮形式を採用している。
  • 複数の透過色を指定できる。
  • ライセンス問題の不安がない。

上記から、写真は「JPG ファイル」でフルカラー、その他の画像は「PNG ファイル」というのが無難な選択ということであろうか。デジタルカメラのファイルは、自動で「JPG ファイル」になっていることが、今更理解できたような気がする。

コメントをどうぞ | トラックバック
コメントはまだありません。