「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

ビットマップ画像

pointこの用語のポイント

point画像だよ

pointマス目に色を塗る方式で作られているよ

スポンサーリンク

簡単に書くよ

ビットマップ画像(読:ビットマップガゾウ 英:bitmap image)とは

画像の分類のひとつ
であり

マス目に色を塗って作る形式の画像のこと
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として「ビットマップ」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

コンピュータさんの世界では、画面や画像は、すべて点描画です。
一見すると絵に見えても実際には点の集まりなのです。

ビットマップ画像

画像や文字の形式は、データ形式に注目して分類すると

1.データを「座標と色」で覚えておく形式
2.データを「向きや長さ」で覚えておく形式


のどちらかに分類できます。

1.データを「座標と色」で覚えておく形式

は「塗り絵方式」です。
「このマス目に黒を置いて、このマス目に赤を置いて……」のような形で内容を覚えておきます。

ビットマップ画像2

もう一方の

2.データを「向きや長さ」で覚えておく形式

は「お習字方式」です。
「この位置からこの位置に線を引いて……」のような形で内容を覚えておきます。

ビットマップ画像3

この2つの形式のうち

1.データを「座標と色」で覚えておく形式

を「ビットマップ(形式)」と言います。

ビットマップ画像4

以上を踏まえて

塗り絵方式(ビットマップ形式)の画像

が「ビットマップ画像」です。
ラスタ画像」とも呼ばれます。
ビットマップ画像は「このマス目に黒を置いて、このマス目に赤を置いて……」のような形で内容を覚えている画像です。

ビットマップ画像5

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

ビットマップ画像6

その代わり、複雑な見た目の画像でも単純な画像と同じように表示できます。
マス目が100個であれば、持っている情報はマス目100個分です。
表示内容の複雑さは関係ありません。

ビットマップ画像7

以上でビットマップ画像の説明は終わりですが、せっかくなので「ベクタ画像」にも触れておきます。
余裕がある方は頑張って読んであげてください。
脳みそから煙が出そうな人は無理する必要ありません。
ゆっくり休んでください。

休め

あっ、読んでくださるのですね。
ありがとうございます。

それでは、いってみましょう。

先ほど、画像や文字の形式は、

1.データを「座標と色」で覚えておく形式
2.データを「向きや長さ」で覚えておく形式


のどちらかに分類できると書きました。

ビットマップ画像8

この2つの形式のうち

2.データを「向きや長さ」で覚えておく形式

を「ベクタ形式」と言います。

ビットマップ画像9

それを踏まえて、ベクタ形式の画像が「ベクタ画像」です。
ベクタ画像は「この位置からこの位置に線を引いて……」のような形で内容を覚えている画像です。

ビットマップ画像10

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

ビットマップ画像11

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

ビットマップ画像12

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

ビットマップ画像13

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

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

ビットマップ画像14

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

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

円の画像の情報は

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

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

1.点Pから半径1cmの円を描く
2.点Pから半径2cmの円を描く


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

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

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

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

1.点Pから半径1cmの円を描く
2.点Pから半径2cmの円を描く


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

そのような特徴があります。

気が向いたら、セットで覚えてあげてください。

■ビットマップ画像
・データを「座標と色」で覚えておく形式
・拡大するとギザギザになる
・複雑な見た目でもバッチ来い!

■ベクタ画像
・データを「向きや長さ」で覚えておく形式
・拡大してもギザギザにならない
・複雑な見た目は少し苦手


です。


image piyo2

一言でまとめるよ

まぁ「ビットマップ画像」って単語が出てきたら「マス目に色を置いて作った画像なんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像013
書籍画像020

おまけ



書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
実務で役立つ バックアップの教科書 基本の考え方からツール活用・差分管理・世代管理・データ保全・リストア・リカバリー・可用性の確保まで
インフルエンサー六法 活動開始から情報発信、収益化までに潜むトラブル対策50