实用创作流程
为商品照片添加特征标注，不虚构产品信息
细节图可以指出一个形状，却不能凭空补充规格。照片里能看见环形把手，但看不出容量或能否放进洗碗机。
本例给现有虚构杯子文章配图添加两个标注。Ciyo 保留原始像素，先制作无标注排版，再把细引线放到周围背景。
选择照片确实展示的特征
1024×1024源图是一只象牙白杯子，有圆润杯口、右侧环形把手和正面空白琥珀色矩形。这是演示用虚构配图，不能用来证明真实商品的规格。
标签应简短描述可见形状。本例选用“圆润杯口”和“环形把手”，文件中保留英文原文。没有另行验证的资料，就不要加入尺寸、材质或性能。
先制作无标注排版
Ciyo 将未经修改的1024×1024照片放在白色1360×1080排版的 (168,28)。没有重采样、裁切、重新生成或修图。无标注版本用于对照。
先给标签预留空间，再添加引线。画布的方形预览框使用 object-fit contain，实际素材仍为1360×1080，宽高比没有改变。
让引线停在特征外侧
杯口引线从 (240,126) 经 (400,126) 到 (608,209)，终点距离附近杯口上方约9px。把手引线从 (1120,500) 到 (1090,500)，位于把手外沿约21px之外。
示例使用32px炭灰文字和2px琥珀色线条，不在商品上画箭头或圆圈。下载最终 PNG，按预计展示大小检查标签；这些坐标仅适配本例。
保持提供的1024×1024照片不变，把它放在白色1360×1080排版的 (168,28)，保存无标注副本。只添加 "Rounded rim" 和 "Loop handle"，使用32px炭灰文字与2px琥珀色引线。杯口和把手引线分别结束于 (608,209) 与 (1090,500)，均位于商品外侧。不要虚构尺寸、材质、容量或性能。将原图、无标注版与标注 PNG 保存到画布，保留可编辑 SVG 标注组，核对商品保护矩形像素相同，并提供纯文字描述。把观察与无依据断言分开
两个选定标签描述的是可见形状。“350ml”“陶瓷”“可用洗碗机”都需要虚构照片之外的信息。标注设计再精致，也不能提供缺失事实。
把原图、无标注排版与标注版并排放置，更容易发现把手、正面矩形或轮廓的意外变化。
| 拟用标签 | 本例采用？ | 原因 |
|---|---|---|
| 圆润杯口 | 是 | 可见形状 |
| 环形把手 | 是 | 可见形状 |
| 容量350ml | 否 | 没有实测规格 |
| 可用洗碗机 | 否 | 没有性能依据 |
比较受保护的商品区域
源图中 x230..900、y190..844 的保护矩形，与标注图中 x398..1068、y218..872 逐像素相同。无标注排版保留整个原照片区域。
标注版照片区域内有3,727个像素变化，位于文字与引线伸入的空白背景。这里并非声称整个照片区域都没变；像素一致性检查针对受保护的商品部分。
交付图片时附上文字说明
在图片旁写出关键信息。W3C 对信息图像的指导支持相邻文字解释，不应让访客必须读清小字才能理解商品描述。
本例描述：象牙白杯子，有圆润杯口、右侧环形把手，正面为没有文字的琥珀色矩形。可下载 SVG 只含两组可编辑标注，将原图放在白色1360×1080画布的 (168,28)，再叠加标注层；它不是独立商品照片。不同编辑器可能使用不同字体，合并后的 PNG 则保留实际演示效果。
常见问题
照片能证明材质或容量吗？
不能。虚构源图只能展示形状和颜色。添加规格前，应取得另行验证的资料。
标注 SVG 是完整商品图片吗？
不是。它只包含两组标注。应与放在白色1360×1080画布 (168,28) 的原照片组合。
原照片的所有像素都相同吗？
无标注排版保留整张照片。标注版的商品保护区域完全相同，但文字和引线改变了部分背景像素。
标出你能真实展示的特征
打开 Ciyo，把原图与标注排版放在一起比较，导出图片时附上可读的文字说明。