画像データのしくみ
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/07/7bd105abd9243944d41295599fdb4395-819x1024.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
リリナちゃん!
壁にはってある絵を見て!!
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/07/sinkansen-1024x576.jpg)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/07/sinkansen-1024x576.jpg)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
あらっ、新幹線を書いたのかしら?
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
近くに行って見てみてよ
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
えーっと…。これはペットボトルのキャップかしら?色とりどりのキャップをたくさん集めると、絵をえがくことができるのね!
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
パソコンで新幹線の画像を見ながら、作ったんだよ!キャップ1つでは、絵を表すことはできないんだけど、たくさん集めて点に見せることで絵を表してみたんだ!
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_surprised-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_surprised-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_surprised-150x150.png)
たくさんの点が集まると絵に見えること、初めて知ったわ。
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
これはコンピュータの画像(絵)の表し方、そのままだよ。コンピュータは画像をたくさんの「点」の集合として、見ているんだ。
画像データは点の集まり
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/7bd105abd9243944d41295599fdb4395-819x1024.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/7bd105abd9243944d41295599fdb4395-819x1024.png)
画像データは点の情報を集めたもの
コンピュータでは、画像を細かい点(ドット)の集まりで表しています。
その点1つひとつに色の情報を数値化しているのです。
これを「ビットマップ方式」といいます。
画像データの色をつくりだすには
点の集まりを画像(絵)にするためには、その点(ドット)は何色かというデータが必要
画像データは点の集まり、ということはわかりましたね。
その点1つひとつに、色情報というデータがあると、カラーの画像として私たちが見ることができます。
- 2色 …白か黒だけの2色の画像。1ドットにつき1ビットの情報量が必要
- 16色 …特定の16色の画像。1ドットにつき4ビットの情報量が必要
- 256色 …特定の256色の画像。1ドットにつき8ビットの情報量が必要
- フルカラー画像 …1ドットにつき24ビットの情報量が必要
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
オレたちが普段目にしているフルカラーの画像は、16,777,216色の色が使われているんだ。
たくさんの色情報が必要だけど、とってもきれいな画像として見ることができるよ!
画像データサイズを計算してみよう!
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/be8740898269a2d128031b5fb898174e-1024x576.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/be8740898269a2d128031b5fb898174e-1024x576.png)
画像を表すために必要なデータサイズ
高さ640×幅480ドットで、フルカラーの画像データを表すために必要なデータサイズはいくつでしょう?
① 高さと幅をかけ算して、画像のドット数をもとめます
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_neutral-150x150.png)
640×480=307,200個だね!
② 色をあらわすのに必要なビット数をもとめます
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_neutral-150x150.png)
フルカラーだからビット数は24ビットね
③ 画像ドット数と色のビット数をかけ算してデータ量をもとめます
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
307,200×24=7,372,800ビットになるね。
とっても大きい数字だからビット単位をバイト単位に変換しよう!
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
8でわり算をするとバイト単位でもとめることができるわ。
7,372,800÷8=921,600バイト
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_surprised-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_surprised-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_surprised-150x150.png)
ちょっと数が大きくて、かけ算やわり算が大変だなって人は、
おうちの人と一緒に計算してみるといいね!
まとめ
画像データはたくさんの点で表されている
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ren_smile-150x150.png)
みんなも一度、ペンを使って点(ドット)で絵を書いてみない?
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
![](https://kodomo-mirai-labo.com/wp-content/uploads/2022/06/ririna_smile-150x150.png)
点(ドット)がたくさん集まると、きちんと絵になることがわかるわ。
ペットボトルのキャップで、絵を表すのも同じね!
画像データの計算方法も覚えておくといいわ
保護者の方へ
パソコンやスマホに保存されている写真を見てみませんか?
画像のドット数がいくつあるのか、またこの写真のデータサイズはいくつなのか、お子さんと一緒に見てみましょう!
今度スマホやカメラを購入する時に、この知識があれば選ぶことが少し楽しくなるかもしれません♪