你好呀,我是吴老师。
上一课你学会了往板子里存东西 —— 名字、分数,都存住了。
但你存的一直是文字和数字。那图片呢?
如果你想在屏幕上放一张照片、一幅画、一个图案 —— 存得进去吗?
存得进去,但要绕一个弯。 今天就把这个弯绕明白。
读完之后,你应该能:说出为什么板子不能直接认图片;用工具把图片转成板子认的样子;把图贴到屏幕上;算清楚能存几张。
用时:约 50 分钟。准备:板子、数据线、一张你想显示的照片(存在电脑上)、电脑上的 AI(第 4 课装好 Skill 的那个)。
一、板子"看不懂"图片
先说一件会让你意外的事:
板子里没有"看图片"这个本事。
你电脑上的 .jpg、.png 文件,板子打开只会看到一堆看不懂的数字。
为什么?因为"看懂 JPG"这件事,本身就很复杂 —— 那需要一整套解码程序,光它自己就要好几 MB。 而板子上能装东西的地方一共才 7.9 MB。
所以聪明的做法是:
让电脑去干那件复杂的事,板子只干最简单的那一步。
二、分三步走

| 第几步 | 在哪儿做 | 做什么 |
|---|---|---|
| ① 转 | 电脑上 | 把图片变成"板子看得懂的数字" |
| ② 拷 | 电脑 → 板子 | 把那串数字存成一个文件 |
| ③ 贴 | 板子上 | 把那段数字刷到屏幕上 |
💡 这个思路你在"视频播放"里也会遇到:复杂的活儿留在电脑上干,板子只负责最后那一下。
先说"板子看得懂的数字"是什么。
屏幕上的每一个点,都由红、绿、蓝三个数决定。板子把这几个数压成两个字节(叫 RGB565)。
所以一张 120×160 的图,就是 120 × 160 × 2 = 38400 个字节 —— 差不多 37 KB。
⚠️ 记住"每个点 2 字节"这个数,等会儿要算账。
三、第一步:让电脑上的 AI 帮你转
转图这件事不用你动手 —— 交给电脑上的 AI 就行(就是第 4 课装好 Skill 的那个)。
把照片当附件发给它,再附上这段话:
我发给你一张照片,在附件里。
请帮我把它转成板子能显示的格式:
1. 用技能包里的 tools/make_rgb565.py 来转
2. 宽度缩到 ____ 像素,高度让它按比例自己算
3. 转出来的文件叫 pic.bin
4. 转完告诉我它的尺寸是多少(宽 × 高)—— 我后面要写进代码里
那个空要你自己填。 缩到多宽?—— 先别急着写,看完第五节算账你就知道为什么这么问了。
填不出来?点这里看一个参考(这不是标准答案)
2. 宽度缩到 120 像素,高度让它按比例自己算
为什么是 120?第五节算完账就明白了。你先猜一个,再看那一节。
💡 为什么非得把照片发给它? 因为 AI 看不见你电脑里的文件 —— 你不发,它手里就没有那张图,转不了。
发过去之后,AI 会告诉你两件事:转好了,以及 这张图是多少 × 多少。 ⭐ 那个尺寸要拿笔记下来,等会儿写代码要用。
转完你会得到一个 pic.bin 文件。
📌
.bin是什么意思? 就是"二进制文件"(binary)—— 里面是给机器看的数字,不是给人看的。
四、第二步 + 第三步:还是让 AI 来
② 拷:让 AI 把 pic.bin 放进你那个应用文件夹里 —— 一句话的事(它转图的时候就在电脑上)。
③ 贴:再跟它说一句,让它把图贴到屏幕上:
请帮我做一个「看照片」的应用:
1. 屏幕中间显示一张图,图片文件叫 pic.bin,放在应用自己的文件夹里
2. 图的尺寸是 ___ × ___(我转的时候用的这个尺寸)
3. 图片和 main.py 放在同一个文件夹里
4. 用中文注释,我要能看懂
第 2 条那个尺寸,就是刚才 AI 告诉你的那个数 —— 照抄上去。
⚠️ 为什么尺寸非得你自己写上?
因为 .bin 里只有颜色,没有"我有多宽多高"。
AI 拿着这个文件也看不出来 —— 一张 120×160 的图和一张 240×80 的图,
字节数一模一样(都是 38400 个),都是一串数字,长得没区别。
所以只能你告诉它。
那要是写错了呢?
不会报错 —— 图会画歪、或者画成一条条的。 这种"错了不告诉你"的坑最烦人,所以那个尺寸要拿笔记下来。
装上去看看 —— 图出现在屏幕上了吗?

五、算一笔账:能存几张?
现在做数学题。
板子上能存东西的地方,一共 7.9 MB(还要和别的作品一起分)。
| 图多大 | 每个点 2 字节,所以 | 能存几张 |
|---|---|---|
| 240×320(不缩,铺满整屏) | 150 KB | 约 50 张 |
| 120×160(缩一半) | 37 KB | 约 200 张 |
| 60×80(再缩一半) | 9.6 KB | 约 800 张 |
⭐ 规律:横竖都缩一半,能存的张数变成 4 倍(因为面积变成 1/4)。
所以问题来了 —— 你该缩到多少?
这没有标准答案,要看你想干什么:
- 想当电子相框,一次看一张大的 → 缩到 240 宽,存几张
- 想做一本画册,翻页看几十张 → 缩到 120 宽
- 想做游戏素材,小图标一堆 → 缩到 40 或 60 宽,能存几百个
💡 这就是上一课最后我留给你的那个问题:什么该存、什么不该存? 答案不是"越大越好",是"够用就好"。
六、动手做
任务一:把你自己的一张图装上板子
找一张你喜欢的照片(或者自己画一张),照第四节那两段话发给 AI: 先让它转,再让它贴。
⚠️ 中间那个尺寸千万别抄我的 —— 你自己的图是多少,得看 AI 告诉你的那个数。
任务二:做成相册
请帮我做一个能翻页的相册:
1. 我准备了 3 张图:pic1.bin / pic2.bin / pic3.bin,尺寸都是 120×160
2. 屏幕中间显示当前这张
3. 点屏幕右边看下一张,点左边看上一张(循环)
4. 底下显示「第 1 / 3 张」
5. 用中文注释
做完请检查三件事:
- 三张图颜色对不对?(如果红绿蓝颠倒了,说明转的时候出问题了)
- 翻页的时候会不会闪?
- 点左边/右边的判定准不准?(会不会点到旁边也算?)
七、只改一个条件
挑一个来改,先说出你的预测,再动手:
| 我改的条件 | 我预测会怎样 | 实际怎样 |
|---|---|---|
| 让 AI 转的时候,宽度改成 240 | ||
| 让 AI 转的时候,宽度改成 40 | ||
给 AI 的尺寸写成 100 × 160(实际是 120 × 160) | ||
| 连续贴两次同一张,位置不同 |
💡 第三个的答案值得记住:它不会报错,只会画歪。所以你必须自己记住转的时候用了多大。 这也是为什么我让你把 AI 说的那个尺寸拿笔记下来。
八、自检小测
九、还想玩点什么
| 想做什么 | 可以这样描述给 AI |
|---|---|
| 电子相框 | 显示一张大图,点一下换下一张,底下显示今天是星期几 |
| 故事绘本 | 每页一张图配一句话,点右边翻页 |
| 拼图游戏 | 把一张图切成 9 块打乱,点两块交换位置 |
| 表情包生成器 | 几张表情图,点哪个屏幕中间就出现哪个 |
⭐ 最后留个念想:现在这些图都得你自己在电脑上准备。 以后你会学到怎么让板子自己去网上找图 —— 那时候能玩的花样就更多了。
