1. ビットマップ形式
   • 概要
   • BMP
   • GIF
   • JPEG
   • PNG
   • TIFF
2. ベクター形式
   • 概要
   • EPS
   • SVG

ビットマップ形式

概要

ビットマップ形式 bitmap graphics とは、画像をピクセル pixel 単位に分割し、それぞれに色や輝度の情報を与えて表現する形式である (1,2)。したがって、拡大すると図のように小さな点の集合であることがわかってくる。

これに対して、画像を式で表現する形式をベクター形式という。これについてはページ下部で解説する。

bmp, gif, jpeg, jpeg xr, png, pnm, tiff, xpm, webp などがビットマップ形式の画像フォーマットである (1)。Adobe のソフトでは、Photoshop がビットマップデータを、Illustrator がベクターデータを扱う。

ビットマップ形式は、拡大すると荒くなってしまうが、写真などの複雑な画像の描写 に適している。ベクター形式では写真などの複雑な形を表現すると計算量が膨大になってしまうため。一方、ベクター形式は比較的シンプルな文字、ロゴなどを美しく描画することができる。pdf はよく使われるベクター形式のフォーマットである。

下の表でビットマップ形式の各フォーマットを一覧にする。表の下には少し詳しい解説を載せる。

BMP

Windows の標準フォーマットである。

全てのピクセルに対して色情報を同じ形で記録するので、100 x 100 pixels の写真と、同じ解像度の真っ白な四角形が同じファイルサイズになるという現象がおきる (2)。

• 1 つのピクセルに対し、単純に一つの情報を記録している。圧縮していないということでもある (2)。
• 色の指定は RGB で行われ、CMYK には対応していない (2)。
• 編集、保存により画像が劣化しない。編集時の中間フォーマットとして適している。
• サイズが大きい。

GIF

「ギフ」と読みたくなるが、「ジフ」が正しい発音のようである。

• 1 つのファイルに複数の画像を格納し、アニメーション にすることができる。img tag でサイトに載せると動くが、flickr にアップロードしてリンクを貼る方法だと動かなかった。Wikipedia にあった フーリエ変換の gif が秀逸だったので、下に貼っておく (Public domain)。
• 特定の色を透明化し、背景にある画像を透過表示することができる。

JPG

Joint photographic experts group の略で、このファイル規格を考案したグループの名前が、フォーマットの名前にもなっている (5)。拡張子は .jpg, .jpeg など。RGB, CYMK, YCbCr, グレースケールに対応。

TIFF

tiff 形式とは、tag image file format の頭文字を取ったもので、画像ファイルの先頭にタグをつけて、画像データの属性をわかるようにしたフォーマット である (3)。異なる OS や機器で共通に使えるようになっている。

• CYMK モードをサポートする。
• サイズが大きい。

ベクター形式

一方、ベクター形式 vector graphics とは、画像を点の集合ではなく、式によって表現する形式である。直線があれば、太さ、始点、終点などを定義することで画像を表現している。この場合、拡大してもビットマップのようにドットが現れてくることはない。pdf ファイルの文字などが典型的な例である。pdf, eps, svg などがこれにあたる (1)。

• 上述の複雑な図形の描写には向かないので、画像としては簡単なロゴなどに使われる (1)。また、イラストや図面など、線の輪郭がはっきりした画像を作るときには有効である。
• 記録形式からわかるように、画質劣化はない。

References

1. 「ビットマップデータ」と「ベクターデータ」の違い. Link.
2. BMP, JPG, GIF, PNG 画像フォーマットの違いを歴史的背景から解説. Link.
3. 画像フォーマットの基礎知識. Link.
4. EPS 形式で保存する失敗しないオススメ設定はコレ！ Link.
5. フィルムのデジタル化でよく使うファイル形式. Link: Last access 2020/08/22.

コメント欄

サーバー移転のため、コメント欄は一時閉鎖中です。サイドバーから「管理人への質問」へどうぞ。