单元三 · 有趣的编码应用

第13课 多彩的数字世界

任务场景
任务场景:多彩的数字世界

一、学习目标

  • 知道某些图像是由很多小方块组成的,方块数量越多,清晰度越高。
  • 了解编码长度与图像清晰度的关系:编码越长,图像容量往往越大。
  • 知道计算机中的颜色可用编码表示,了解数字化表示信息的优势。

二、情境导入

  • 有些照片放大很多仍清晰,有些放大后却变模糊,这是为什么?
  • 彩色图片要怎样编码,才能在计算机里存储和显示?

三、核心讲解

本课学习路径:

1放大看图
2给颜色编码
3越来越多的颜色编码

1.放大看图

计算机里的图片有黑白也有彩色,有的简单有的复杂,但放大到足够程度都会发现:它们都是由很多小方格(像素)组成的。

像素:组成数字图像的最小色块。格子越多,通常画面越清晰、能记录的细节越多。
放大看像素
放大看像素
  • 下方默认是一张看起来很真实的苹果图;用放大镜拖着看,才会发现它其实是一格格色块(像素)。
  • 黑白图可用 0、1;彩色图要给每个格子的颜色也编上码。

想一想:你会用什么方法给彩色苹果图上的颜色编码呢?

2.给颜色编码(按色分层)

如果还是只用 0 和 1,怎样表示更多颜色?办法是:按色分层,每层一种颜色,分层编码,再一层层叠加成图。

分层编码:R 层(有红=1,白=0)、G 层(有绿=1,白=0)、B 层(有蓝=1,白=0)。同一格子三层叠在一起,就得到彩色。
RGB 三色分层示意
RGB 三色分层示意
  • 一个格子的颜色可用一组数 (R, G, B) 表示,位置顺序事先约定。
  • 例如:(1,0,0) 红,(0,1,0) 绿,(0,0,1) 蓝,(1,1,0) 黄(红+绿)。
  • 生活中也常见更细的数值,如 RGB(255,0,0) 大红、RGB(0,255,0) 大绿——仍是「一组数字 ↔ 一种颜色」。

想一想:(1,0,1) 和 (0,1,1) 分别可能是什么颜色?

3.越来越多的颜色编码

格子越多、颜色层次越细,需要记录的编码就越长,图像容量也往往更大。用取色工具可以逐格查看真实图片上的颜色数值。

  • 颜色与编码一一对应,约定清楚就能还原画面。
  • 编码越长,通常能表示更丰富的信息(更清晰或更多颜色)。

想一想:哪张图片需要使用更多编码来记录?

弄清以上要点后,再进入下方动手体验:先用放大镜看像素,再在 R/G/B 三层上点格子做分层编码。

四、动手体验 · 彩色分层编码

在本页完成真实操作。完成后勾选下方清单,再去做测评。

五、课堂总结

  • 颜色可以用编码表示,颜色和编码一一对应。
  • 按色分层(R/G/B)再叠加,就能用 0、1 组合出多种颜色。
  • 编码长度与所含信息量相关:格子更多、颜色更细,通常需要更长编码。

六、拓展提升

  • 记录我的专属色:用取色或调色得到喜欢的颜色,写下它的编码,和同学分享,并想想用编码表示颜色有什么好处。

测评

对照本课学习目标作答(客观题练习);选出后点「检查」。答错会显示简短说明。

  1. 本课学习目标要求掌握与「某些图像是由很多小方块组成的,方块数量越多,清晰度越高」相关的内容,下列哪项说法正确?

  2. 根据本课学习目标,关于「编码长度与图像清晰度的关系:编码越长,图像容量往往越大」,下列哪项认识正确?

  3. 判断(对照学习目标):颜色可以用编码表示,颜色和编码一一对应。

本节小结

回顾本课要点,完成动手体验与测评。记住:多彩的数字世界。