画像フォーマットの比較

ホームページ等で一般的に使用されている画像フォーマットであるJPEG, GIF, PNGについてメモっておく。

ちなみに、私のオススメは、PNGである。

各フォーマットの概略

形式可逆性色数透過アニメーション
JPEG 非可逆 フルカラー(24bit) × ×
GIF 可逆 256色
PNG 可逆 フルカラー(48bit) ×
※補足
可逆性圧縮後のデータから、圧縮前のデータに戻すことができるかどうか。JPEGの場合、情報量を落とすことで高圧縮を実現している。
透過透明色を指定できるかどうか。

各フォーマットのメリット/デメリット

形式メリットデメリット
JPEG
  • ほとんど全てのブラウザで表示可能。
  • 圧縮率が非常に高い
  • 画質が劣化する
GIF
  • ほとんど全てのブラウザで表示可能。
  • 画質が劣化しない
  • アニメーションを作成できる
  • 256色しか表示できない
  • 特許権の問題がある
PNG
  • 画質が劣化しない
  • GIFよりも圧縮率が高い
  • 古いブラウザは未対応

得意分野

形式得意分野
JPEG 写真。
GIF アニメーション。
PNG 人工的に作った画像。

圧縮後のファイルサイズを考えれば、GIFを使うぐらいなら、PNGを使った方がよい。また、写真以外の人工的に作った画像、例えば、パソコンの画面のキャプチャ画像などはPNGの方がファイルサイズが小さい。JPEG圧縮を行うと、PNGに比べてファイルサイズが大きくなるだけでなく、画質劣化により、文字などが読みにくくなってしまう。

私の場合、アニメーションは作らないので、GIFはいっさい使っていない。GIFを使うメリットが見出せない・・。

トラックバック(0)

このブログ記事に対するトラックバックURL: http://itsmemo.com/mt/mt-tb.cgi/30

※スパム防止のため、管理人がトラックバック内容確認後、公開されます。

コメントする