情 報 の 表 現（３） 情報社会とコンピュータ 第10回

今回の内容 コンピュータの中で，文字や図形はどのように表現されているのかを採り上げる その前に１６進数を採り上げる

１ ６ 進 数

１６進数（１） 基数が“１６”の数 16になったら，０に戻り，上の桁が１増える ０ １ ２ … ８ ９ この次は？ ０　１　２　…　８　９ この次は？ 10 → Ａ，11 → Ｂ，12 → Ｃ， 13 → Ｄ，14 → Ｅ，15 → Ｆ Ｆの次が　（１０）１６ と続く　

１６進数（２） ４桁の２進数が，１桁の１６進数に対応 １バイトは２桁の１６進数

英字・数字・記号 0 1 2 … a b c …　A B C … + - + / ( ) …

英字・数字・記号（１） 各文字を１バイトの２進数・１６進数で表す 文字コード

英字・数字・記号（２） 文字コード表 文字と文字コードの対応表

英字・数字・記号（３） 文字コードについて簡単な説明 http://www.ksegawa.jp/lecture/c/c1/charcter-code.html 漢字は２バイトの文字コード

英字・数字・記号（４） 文字と文字コードの対応のさせ方は，いくつかある JISコード シフトJISコード 　　…

英字・数字・記号（５） 情報の送り手（Webサーバ）と受け手（ブラウザ）が同じ文字コードを使っていれば問題ないが… 普通は，ブラウザが自動認識で合わせる 文字化け

何通りかあるが， ビットマップ形式 を採り上げる 図　　形 何通りかあるが， ビットマップ形式 を採り上げる

ビットマップ形式（１） “A”の図形 画素を黒にしたり，白にしたりして画像を表す 一つ一つを 画素（ピクセル）

ビットマップ形式（２） あるスマホのデータ 1,920 x 1,080ピクセル解像度，401ppi 画素（ピクセル）の数だけ では，画質は分からない Pixel per inch １インチ（2.54ｃｍ） あたり401ピクセル

ビットマップ形式（３） 白黒画像 １画素１ビットの情報 例えば，0が白，1が黒とする １のところを，よく見ると…

ビットマップ形式（３） カラー画像は？

色 の 表 現（１） 光の三原色 赤（Red） 緑（Green） 青（Blue） ３色でいろいろな色を表現する ３色のライトが点灯している・消灯している RGB

色 の 表 現（２） 色（白）

色 の 表 現（３） 三つのライトが，それぞれ点灯・消灯 明るさの段階が２段階 → ２階調 色の種類は，２×２×２ ２３ 色 ＝ ８色 Rが点灯・消灯，Gが点灯・消灯，Bが点灯・消灯 ２３ 色 ＝ ８色　 １画素に３ビットの情報 Rについての情報１ビット，Gについての情報１ビット，Bについての情報１ビット

色 の 表 現（４）

色 の 表 現（５） 明るさを変えることできると，色の種類を増やすことができる 例　消灯（０） ～ 最も明るい（２５５）と２５６段階に変える → ２５６階調 明るさの情報が８ビット（０～２５５） 色の種類は，２５６３色 ３色なので，１画素２４ビットの情報 各色８ビット

色 の 表 現（６） Red

色 の 表 現（７） 赤（２５５） 最も明るく点灯 緑（０） 消灯 青（０）

色 の 表 現（８） 赤（０） 緑（０） 青（０） 全部，消灯

色 の 表 現（９） 赤（２５５） 緑（２５５） 青（２５５） 全色，最も明るく点灯

色 の 表 現（１０）

色 の 表 現（１１） 最初の８ビット（Ｒ）は，すべて０ 最後の８ビット（Ｂ）は，すべて０ 中の８ビット（Ｇ）で緑の明るさ

ま　と　め

まとめ（１６進数） 情報の単位はビット そこで，４桁（４ビット）をまとめて，１６進数を使って表すことがある ２進数で表すが，桁数が多くなる 基数が１６の数 １バイトは２桁の１６進数

ま と め（文字情報） 文字は，対応する文字コードにより表される 文字と文字コードの対応方法には，いくつかある 情報の送り手と受け手の間で，同じ対応方法を採らないと，正しく情報が伝わらない 文字化け

まとめ（図形） 図形の表し方にはいろいろな方法がある ひとつの方法として，図形を点の集まりで表す ビットマップ形式 点 → 画素，ピクセル 白黒の画像の場合は，１画素１ビットの情報

まとめ（色の情報１） 光の３原色 赤（Red）・緑（Green）・青（Blue） → RGB

まとめ（色の情報２） 明るさが２段階（点灯・消灯） → ２階調 １色１ビット １画素３ビットの情報 ２３色＝８色 明るさが２５６段階 → ２５６階調 １色８ビット（０～２５５） １画素２４ビットの情報 ２５６３色＝？色

補 足（１） カラ－画像のデータは大きくなる そこで，画質に影響がないように，データ量を減らす 圧縮 補　足（１） カラ－画像のデータは大きくなる そこで，画質に影響がないように，データ量を減らす 圧縮 画像データだけではなく，広く行われている

補 足（２） 元のデータ → 圧縮 → 圧縮したデータ 圧縮したデータ → 解凍，展開，伸長，… → 元のデータ 可逆圧縮 補　足（２） 元のデータ → 圧縮 → 圧縮したデータ 圧縮したデータ → 解凍，展開，伸長，… → 元のデータ 可逆圧縮 → 元のデータに戻らない 非可逆圧縮 情報によっては， 実用上問題ない しかし，文字情報 など困る場合もある

問　題 RGBそれぞれ４諧調 何色になるか？