領域 - Microsoft

インターネットで楽しく学ぼう!
「みて、きいて、わかる 画像処理」
「画像」の基礎知識
マイクロソフト株式会社
インターネットで楽しく学ぼう!
「みて、きいて、わかる 画像処理」
「画像」の基礎知識
基礎編
カラー表示のしくみ、画素と色の表現 他
出演:
東京都立駒場高等学校
情報科 天良 和男 先生
※次のスライドからは、先生が作成された内容を掲載しており、ダウンロード教材も含め、著作権は先生に帰属いたします。
赤・緑・青のペンライトの光の合成の組み合わせ
赤
緑
青
合成色
消灯
消灯
消灯
黒
消灯
消灯
点灯
青
消灯
点灯
消灯
緑
消灯
点灯
点灯
青緑
点灯
消灯
消灯
赤
点灯
消灯
点灯
赤紫
点灯
点灯
消灯
黄
点灯
点灯
点灯
白
画素
3つの点で1画素
B
R G
B
R
R
G
R
G
B
R
RG BRGB RGB RGB
10進数
0
---
255
光の三原色の合成
画像の種類
画像
・ラスタ(ビットマップ)形式
・ベクトル形式
 ビットマップ形式
BMP,JPEG,PNG,GIF,TIFF,PICTなど
 BMP形式
・DDB(Device Dependent Bitmap)
・DIB(Device Independent Bitmap)

BMP形式の画像のデータ構造
領域
ヘッダ1
BITMAPFILEHEADER
(14バイト)
ヘッダ2
BITMAPINFOHEADER(40バイト)
カラーテーブル(パレット)
RGBQUAD
画素データ領域
ヘッダ1
領域
名称
bfType
ヘッダ1
BITMAPFILEHEADER
(14バイト)
bfSize
bfReserved1
bfReserved2
bfOffBits
内容
バイ
ト数
2
ファイル拡
張子
4
ファイル全
体のサイズ
2
未使用
2
未使用
4
画素データ
の開始位置
ヘッダ2
領域
名称
バイト数
内容
biSize
4
ヘッダ2のサイズ
biWidth
4
画像の横画素数
biHeight
4
画像の縦画素数
biPlanes
2
1
biBitCount
2
1画素あたりのビット数
4
圧縮方法(非圧縮は0)
4
画素データの全バイト数
biXPelsPerMeter
4
0
biYPelsPerMeter
4
0
biClrUsed
4
0
biClrImportant
4
0
ヘッダ2
biCompression
BITMAPINFOHEADER
biSizeImage
(40バイト)
カラーテーブル(パレット)
領域
バイト数
2色カラーの場合
カラーテーブル 16色カラーの場合
(パレット)
RGBQUAD
256色カラーの場合
65536色カラー以上の場合
2組×4バイト
16組×4バイト
256組×4バイト
なし(0バイト)
画素データ領域
領域
画素データ領域
内容
256色カラー カラーテー
以下の場合 ブルの番号
65536色以上 濃淡(明る
の場合
さ)データ
62 65 68 71 74
画素データ
の格納順
47 50 53 56 59
32 35 38 41 44
17 20 23 26 29
赤
2
63 66 69 72 75
5
8 11 14
緑
青
61 64 67 70 73
48 51 54 57 60
46 49 52 55 58
33 36 39 42 45
31 34 37 40 43
18 21 24 27 30
16 19 22 25 28
3
1
6
9 12 15
4
7 10 13
画像データ量の例
横97画素×縦97画素の24ビットカラー(16777216色)の場合
計算上の横1行あたりのバイト数=横97画素×24ビット
=横97画素×3バイト
=291バイト(4の倍数ではない)
実際の横1行あたりのバイト数=292バイト(4の倍数)
横幅を4の倍数にした画素データ=292バイト×縦97画素
=28324バイト
(292-291)バイト=1バイト
→1バイト分末尾に0を入れる
© 2006 Microsoft Corporation. All rights reserved.
This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.