利益相关：文末介绍的截图工具「圈点」是我自己开发的。前半部分的方法不依赖任何工具，用系统自带的截图也能照着做。
一张截图，AI 为什么总是改错地方
现在问 AI 问题，十次里有好几次是从截图开始的：页面样式不对、报错弹窗看不懂、设计稿想让它照着写。截图一贴，问题就来了。
我自己用 AI 写前端的时候，最常见的对话是这样的：
我：把右上角第二个按钮改小一点，下面那一行的金额右对齐。 AI：好的，已经把「保存」按钮改小了。 我：不是「保存」，是它左边那个……
截图本身没问题，问题出在怎么告诉 AI 你说的是图上哪个位置。总结下来，AI「看不懂」截图主要有五个原因：
位置说不清：「右上角」「第二个」「下面那一行」，对人都有歧义，对 AI 更是
一张图里好几个问题：描述一长串，AI 容易漏掉或张冠李戴
图太大被压缩：高分屏截一张全屏就是几百万像素，上传后模型会自动缩小，小字直接糊掉
缺上下文：AI 不知道这是哪个网站、哪个页面、哪个软件
有不该发的东西：手机号、邮箱、内网地址、接口密钥，一不小心就跟着截图发出去了
下面五个「姿势」分别解决这五个问题。
姿势一：用序号代替位置描述
这是最有效、也最简单的一条：在截图上把要说的地方标上 ①②③，然后跟 AI 说「改 2 号」。
序号对 AI 来说是无歧义的。「右上角第二个按钮」需要它理解你的视角、数对按钮的顺序；「② 号框里的按钮」只需要它找到图上那个数字。我自己的体感是，标了序号以后，「改错地方」这类来回基本就没有了。
不用任何工具也能做：系统截图后用画图或者自带的标注工具，画个框、写个数字就行。要注意两点：
数字要大、要醒目。AI 看到的通常是缩小后的图，小号数字会糊成一团。红底白字的圆形序号最稳
序号放在框外面，别压住你要它看的内容
姿势二：一张图多个问题，用「备注 + 图例」
序号解决了「指哪」，还要解决「改成什么」。如果有三个问题，最好的写法是每个序号配一句备注，然后整理成清单：
① 标题太小，改成 18px 加粗
② 金额右对齐，和价格列对齐
③ 按钮改成主色蓝，高 40px这份清单可以直接写进提问里。更省事的办法是把它画在截图下方，做成一个图例，这样图和说明就是一个整体：转发给同事、贴进 bug 单也不会丢。
有了图例，AI 的回答通常也会按序号一条一条来，你核对起来也方便。
姿势三：给图「瘦身」，控制尺寸
很多人不知道：各家模型都会把太大的图片缩小后再看。按 2026 年 10 月各家的官方说明，Claude 建议图片长边不超过 1568 像素，GPT 是 2048 像素左右；超过的部分不会让模型看得更清楚，反而让你等更久、消耗更多额度。
所以截图时有两个建议：
只截相关的区域，不要动不动截全屏。区域越小，同样的缩放下字越清楚
如果必须截大图（比如长页面），先自己缩到模型推荐的尺寸再发，至少能确定 AI 看到的和你看到的是一样的
姿势四：打码再发
这一条是给自己省麻烦。截后台页面、工单、配置文件的时候，图里经常带着：
手机号、邮箱、身份证号、银行卡号
内网 IP、服务器地址
接口密钥、访问令牌、密码
发给 AI 之前最好先打码。打码有个小技巧：只遮住值，保留前面的标签。比如「手机：138****」留着「手机：」，AI 才知道这一格原本是什么，不影响它理解页面结构。
姿势五：告诉 AI 这是哪个页面
同一个「按钮太小」，在后台管理系统和在手机端 H5 页面，解决方法完全不一样。截图时顺手告诉 AI：
这是哪个软件、哪个网站
具体的页面网址或窗口标题
截图的尺寸、屏幕缩放比例（改样式时很有用：150% 缩放下量出来的 30 像素，其实是 CSS 里的 20px）
一句「这是 Chrome 里的 xxx 后台订单详情页，屏幕缩放 150%」，能帮 AI 少猜很多。
用圈点一键做到以上全部
上面五条，每条手动做都不难，但每次截图都做一遍就很烦了。所以我做了一个小工具，叫圈点，把这些步骤合成了几个按键：
按 F1 截图，框一下问题处，自动打上 ①②③，每个可以写一句备注。序号跨截图接着编号，删掉中间一个会自动重排
Ctrl+C 复制带图例的图片，Ctrl+Shift+C 复制文字清单，直接粘给 AI。文字清单会带上来源：软件名、窗口标题、浏览器网址（网址里的 token、密码这类参数会自动脱敏）
一键打码：本机 OCR 识别出手机号、邮箱、身份证号、银行卡、IP、密钥、密码等，只遮值、不遮标签
按 AI 尺寸复制：可以设置复制时自动缩到模型推荐的尺寸；框选时会显示这张图大约消耗多少 token
前端常用的：测距、间距、取色，量出来的是 CSS px；还能叠加网格坐标（像表格一样用 A3、C5 这样的格子标位置），文字清单会让 AI 也用格子回答
另外还有几个顺手做进去的功能：
长截图：自动滚动、自动拼接，网页、设置、文件列表都能截，固定顶栏和侧边栏只会出现一次（免费）
贴图：截图或剪贴板里的图贴在桌面最上层，对照着写代码
对比拼图：改前改后两张图拼成一张，自动标 A / B，文字清单里会告诉 AI 哪张是改前
录制操作：录一段操作，自动挑出关键帧拼成序列图，适合描述「点了这里之后出现了那个」这种问题
关于隐私
圈点完全离线运行：OCR 在本机完成，截图只在内存里，不上传、不联网、不做任何使用统计。截图里有什么，只有你自己决定要不要发出去。
价格
基础的截图、贴图、长截图、框 / 箭头 / 文字 / 马赛克这些普通标注永久免费。序号标注、文字清单、OCR、自动打码、测量、对比拼图这些和 AI 配合的功能是专业版：
专业版永久 ¥39，一次买断，2 台电脑
早鸟：前 200 名 ¥29
另有年付 ¥19.9、学生价永久 ¥19.9（凭学生证）
新安装有 14 天全功能试用，到期自动回到免费版，不用卸载
下载
Windows 版，需要 64 位的 Windows 10（1809 及以上）或 Windows 11。
下载地址：https://wwbuc.lanzoue.com/b01i5yb6he
密码:76vj
圈点是我一个人开发的，安装包还没有购买微软的代码签名证书，第一次运行时 Windows 可能提示「已保护你的电脑」，点「更多信息」→「仍要运行」即可。
最后
就算不用圈点，也推荐试试「序号 + 备注」这个习惯：它几乎不花时间，但能省掉大量和 AI 之间「不是这个，是那个」的来回。
如果你在用的过程中遇到问题，或者有想要的功能，欢迎在评论区告诉我，bug 我会尽快修。也想听听大家截图问 AI 时还有什么好办法。
下载：https://wwbuc.lanzoue.com/b01i5yb6he
密码:76vj
