写真を思いきり拡大する
スマホの写真を、指で思いきり拡大してみてください。
なめらかに見えた絵が、小さな四角のつぶに変わります。
このつぶ一つ一つが、数で決められた色を持っています。今日は、写真が数になる仕組みと、大きさの計算を学びます。
今日のキーワード
| ことば | いみ | れい |
|---|---|---|
| 画素 | 画像を作っている、一つ一つの小さな四角です。ピクセルともいいます。 | 画面の一つのつぶ |
| 解像度 | 画像が、縦と横に何画素あるかを表す言葉です。 | 1920 × 1080 |
| 色の深さ | 1画素の色を、何ビットで表すかです。ビットが多いほど、色が多くなります。 | 24ビット |
| フルカラー | 1画素を24ビット(3バイト)で表す方法です。約1677万色です。 | 写真のほとんど |
| データ量 | データの大きさです。バイトで表します。 | 768バイト |
学生が入力するセルは、このプレビューでは空白です。
画像は、画素の集まり
画像は、画素を、縦と横に並べたものです。1画素には、1つの色が入ります。
白と黒だけの画像なら、1画素は、白か黒かの二つです。ビットなら、1ビットで足ります。
白を0、黒を1にして、数字を並べると、絵が数になります。
小さな確認: 画素
やってみよう
小さな確認: 画素
3問挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存
答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。
例: 8 × 8 のハートの絵
| 行 | 絵(■は黒、□は白) | 二進数 | 十六進数 |
|---|---|---|---|
| 1行目 | □■■□□■■□ | 01100110 | 66 |
| 2行目 | ■■■■■■■■ | 11111111 | FF |
| 3行目 | ■■■■■■■■ | 11111111 | FF |
| 4行目 | ■■■■■■■■ | 11111111 | FF |
| 5行目 | □■■■■■■□ | 01111110 | 7E |
| 6行目 | □□■■■■□□ | 00111100 | 3C |
| 7行目 | □□□■■□□□ | 00011000 | 18 |
| 8行目 | □□□□□□□□ | 00000000 | 00 |
学生が入力するセルは、このプレビューでは空白です。
1行は1バイト
1行は8画素で、1画素が1ビットです。だから、1行は8ビット、つまり1バイトです。
8行あるので、このハートの絵は、8バイトで表せます。
十六進数の列を、8つ並べて覚えておけば、絵を取り出せます。
小さな確認: ハートの絵
やってみよう
小さな確認: ハートの絵
3問挑戦してみましょう。回答はここで採点され、その後は保存されません。点数を残したい場合や、続きから再開したい場合はログインしてください。ログインして点数を保存
答えはここで採点され、保存されません。アカウントがあれば、結果が残ります。