「ベクタ画像」と「ラスタ画像」の違い

予備知識

用語	意味
画像	コンピュータの世界における「静止画」

それぞれの用語の意味

用語	意味
ベクタ画像	線を引いて作る形式の画像
ラスタ画像	マス目に色を塗って作る形式の画像

似ているところ

どちらも画像です。
コンピュータの世界における絵です。

違うところ

データの持ち方が違います。

ベクタ画像は、お習字方式で作られた画像です。
「この位置からこの位置に線を引いて……」のような形で内容を覚えておきます。
線画のイメージです。

ラスタ画像は塗り絵方式で作られた画像です。
「このマス目に黒を置いて、このマス目に赤を置いて……」のような形で内容を覚えておきます。
点描画のイメージです。

また、それぞれの特徴は

■ベクタ画像
・拡大してもギザギザにならない
・複雑な見た目は少し苦手

■ラスタ画像
・拡大するとギザギザになる
・複雑な見た目でもバッチ来い！

です。

ベクタ画像は拡大してもギザギザになりません。
ベクタ画像は、例えば「点Pから半径1cmの円を描く」のような形で情報を覚えています。
2倍の大きさに拡大しても「点Pから半径2cmの円を描く」に変わるだけなので拡大（縮小）の影響を受けにくいのです。

その代わり、複雑な見た目の画像を表示するのが大変です。
ファイルサイズも大きくなります。

例えば、円の画像があったとしましょう。

この画像の情報が「点Pから半径1cmの円を描く」だったとします。
そうすると、実際に画像を表示するときは「点Pから半径1cmの円を描く」の作業が発生します。

おっと、二重丸の画像もありました。

この画像の情報は、例えば「点Pから半径1cmの円を描く」「点Pから半径2cmの円を描く」のようになります。
円を描くという作業を2回やるわけです。
そうすると、実際に画像を表示するときは「点Pから半径1cmの円を描く」の作業と「点Pから半径2cmの円を描く」の作業が発生します。

さて、ここで2つの画像を比べてみましょう。

円の画像の情報は

１．点Pから半径1cmの円を描く

です。
それに対して、二重丸の画像の情報は

１．点Pから半径1cmの円を描く
２．点Pから半径2cmの円を描く

です。
何となくですが、情報量が2倍になっていますよね。
それに伴いファイルサイズも2倍……まではいかないかもしれませんが大きくなります。

また、円の画像を表示するときにやる作業は

１．点Pから半径1cmの円を描く

です。
それに対して、二重丸の画像を表示するときにやる作業は

１．点Pから半径1cmの円を描く
２．点Pから半径2cmの円を描く

です。
何となくですが、作業量が2倍になっていますよね。

これがベクタ画像の特徴です。
次にラスタ画像の特徴を説明します。

ラスタ画像は拡大するとギザギザになります。
2倍の大きさに拡大すると、マス目の大きさも2倍になりますからね。
曲線の部分とかがギザギザになります。