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

Presentation on theme: "情 報 の 表 現（３） 情報社会とコンピュータ 第10回."— Presentation transcript:

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

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

3 １ ６ 進 数

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

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

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

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

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

9 英字・数字・記号（３） 文字コードについて簡単な説明
漢字は２バイトの文字コード

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

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

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

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

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

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

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

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

18 色 の 表 現（２） 色（白）

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

20 色 の 表 現（４）

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

22 色 の 表 現（６） Red

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

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

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

26 色 の 表 現（１０）

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

28 ま　と　め

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

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

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

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

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

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

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

36

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

38