インターネットで楽しく学ぼう! 「みて、きいて、わかる 画像処理」 「画像」の基礎知識 マイクロソフト株式会社 インターネットで楽しく学ぼう! 「みて、きいて、わかる 画像処理」 「画像」の基礎知識 基礎編 カラー表示のしくみ、画素と色の表現 他 出演: 東京都立駒場高等学校 情報科 天良 和男 先生 ※次のスライドからは、先生が作成された内容を掲載しており、ダウンロード教材も含め、著作権は先生に帰属いたします。 赤・緑・青のペンライトの光の合成の組み合わせ 赤 緑 青 合成色 消灯 消灯 消灯 黒 消灯 消灯 点灯 青 消灯 点灯 消灯 緑 消灯 点灯 点灯 青緑 点灯 消灯 消灯 赤 点灯 消灯 点灯 赤紫 点灯 点灯 消灯 黄 点灯 点灯 点灯 白 画素 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.
© Copyright 2025 ExpyDoc