LIFE STYLE

ピットマップ画像とは?ベクトル画像とは?両者の違いや特徴を徹底解説

こんにちは!ハナノです!@K11936151

以前こちらの記事でも少し触れた「ピットマップ画像」「ベクトル画像」

「拡張子」の種類や特徴まとめ!各拡張子の適切な使い方なども解説。

全ての画像は「ピットマップ画像」もしくは「ベクトル画像」に分類されます。

今回はそんな「ピットマップ画像」「ベクトル画像」の違いや特徴を詳しく解説していきたいと思います。

この記事では

・「ピットマップ画像」の特徴
・「ベクトル画像」の特徴
・実際に比べる「ピットマップ画像」と「ベクトル画像」の違い

・「ピットマップ画像」と「ベクトル画像」が違う理由

を解説していきたいと思います!

全ての画像は2つの種類に分類される

冒頭でも触れましたが全ての画像は「ピットマップ画像」「ベクトル画像」”2種類”に分類する事ができます。

写真やイラスト、ロゴ、図形などありとあらゆる全ての画像がこの2種類のどちらかに分けられるのです。

「ピットマップ画像」と「ベクトル画像」の2つはどのような”特徴”がありどのような”活用方法”があるのでしょうか。

それぞれの特徴をしっかりと理解して、その場面に適した画像を利用できるようになりましょう。

ビットマップ画像の特徴

まずはビットマップ画像の特徴から解説していきます。

ビットマップ画像とは”点の集まりで構成される画像”のことです。

代表的な例でいうと「写真」がその対象となります。

ピットマップ画像の例

写真は無数の点が集まって一枚の写真になっています。

ビットマップ画像の主な特徴

・点の集まりなので拡大すると画像が荒くなってしまう

・写真はビットマップ画像

・複雑な画像の描写や多彩な配色が得意

詳しく説明していきましょう。

拡大すると画質が荒くなってしまう

先述した通りビットマップ画像は”点の集まり”で構成されている画像です。

点の集まりですので拡大していくうちに店の細かさの限界が近づくと”画質が荒くなってしまいます”。

多彩な配色や複雑な輪郭の表現が得意

多彩な配色

ピットマップ画像では小さな一つの点(ピクセル)を集合させて表現しています。

小さな点一つ一つに色や輝度の情報が与えられているため、多彩な配色や複雑な輪郭を表現することが得意です。

ベクトル画像の特徴

ベクトル画像とは点や線、多角形などの情報”数値化”しその数値化されたデータをもとに演算される図形として画像を表示しています。

主に複数箇所で様々な大きさで使われる事が多いロゴなどがベクトル画像である事が多いです。

ベクトル画像の主な特徴

・拡大・縮小しても画質が荒くならない

・多彩な配色や複雑な画像は不向き

・ロゴや拡大して使用する絵や文字が得意

詳しく解説していきましょう。

拡大・縮小しても画質が荒くならない

虫眼鏡で拡大

ベクトル画像では点や線、多角形などの情報”数値化”する事ができます。

そのため、拡大しても数値データを変化させて再描写されます。

このように拡大や縮小に強いのがベクトル画像の利点です。

Webサイトのロゴなどは複数箇所で様々な大きさで同じ画像が使用される場合が多いためベクトル画像が使用される事が多いです。

多彩な配色や複雑な画像には不向き

多彩な配色の民家

ベクトル画像は計算式によって表現されるため写真のような複雑な描写には不向きです。

写真の様な無数の点の集まりをベクトル画像表現方法である”計算式”で表現するのは至難の技なのです。

「ピットマップ画像」と「ベクトル画像」を比べてみよう

実際にピットマップ画像とベクトル画像を比べてみました。

一見同じに見えるこちらの画像。

ピットマップ画像とベクトル画像比べ左/ピットマップ画像;右・ベクトル画像

拡大していくとどのような変化があるのでしょうか。

ピットマップ画像とベクトル画像比べ左/ピットマップ画像;右・ベクトル画像

この様にピットマップ画像は拡大するとピクセル一つ一つが目立ち、画質が荒くなっているのが見てわかると思います。

一方でベクトル画像では拡大しても画質は荒くなることはありません。

この様に拡大することで”明確な差”が現れます。

なぜこの様な差が生まれるのでしょう。
次の項目で詳しく解説していきましょう。

ぼやけるピットマップ画像とぼやけないベクトル画像の違いとは?

先述した通りピットマップ画像は”点の集まり”で構成されています。

一度表示された点の集まりをそのまま拡大するので点の数の限界に近づくほど荒くぼやけて見えます。

一方でベクトル画像では点や線を”数値化”する事ができるので、拡大された際にもう一度コンピューターが数値を拡大された度合いに合わせて計算し表現し直してくれます。

黒板で例えると

ピットマップ画像;黒板にそのまま書き込むイメージ

ベクトル家族;コンピュータが切り抜いた紙を貼り付けるイメージ

前者ですと一度書いてしまっているので編集は不可能です。

一方で後者ですと再度印刷し直して貼り付ける事ができます。

ピットマップ画像・ベクトル画像の特徴まとめ

おさらいとしてまとめてみました。

ピットマップ画像・ベクトル画像の特徴まとめ

・画像はピットマップとベクトルのどちらかに分類される

・ピットマップは無数の点の集まりなので拡大・縮小することで画質が荒くなる

・ベクトルは点や線の情報を数値化している。拡大・縮小をした際にもそのデータをコンピューターが計算し直して再現するので画質が荒くならない

今回はピットマップ画像・ベクトル画像の違いや特徴をまとめてみました。

お互いの特徴の理解を深める事ができましたか?

この様な知識があれば日常生活においての画像への見方も変わり楽しいですよ!!

↓画像圧縮について詳しくまとめました

画像圧縮とは?画像を圧縮する重要性やメリット・デメリット。適切に「画像圧縮」できていますか?