實用創作流程
為商品照片加上特徵標註，不虛構產品資訊
細節圖可以指出一個形狀，卻不能憑空補上規格。照片看得到環形把手，但看不出容量或能否放進洗碗機。
本例為既有虛構杯子文章配圖加上兩個標註。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，並排比較原圖與標註排版，匯出圖片時附上可讀的文字說明。