實用創作流程
商品款式對照表：讓每個 SKU 都對應正確圖片
店鋪團隊核對三種杯子顏色時，需要知道每張圖片對應哪個 SKU。如果標籤跑到錯誤款式上，漂亮拼圖仍然沒有用。真正需要的是有明確順序、可追溯來源的核對表。
我們在 Ciyo 準備三張確定性的虛構杯子繪圖，屬於示意圖，不是真實商品攝影或庫存證據。最終對照表以原生尺寸保留每張原圖，並把標籤放在圖片區域外。
先建立檔案與 SKU 對應表
把確認過的圖片檔名、顏色名稱和 SKU 列在一起，設計對照表前先與真實庫存系統核對。多次匯出、改名和修改後，僅憑檔名可能難以判斷。
受控原圖為 cc-iv.png 對應 Ivory / CC-IV，cc-as.png 對應 Ash / CC-AS，cc-am.png 對應 Amber / CC-AM。每張都是 256×256 RGB，幾何與背景相同，僅示意杯身顏色及由此計算的陰影不同。
| 檔名 | 顏色 | SKU |
|---|---|---|
| cc-iv.png | Ivory（象牙白） | CC-IV |
| cc-as.png | Ash（灰色） | CC-AS |
| cc-am.png | Amber（琥珀色） | CC-AM |
按審核任務明確排列順序
明確從左到右的順序，不要讓排版工具根據顏色或上傳次序猜測。把標籤、檔名與圖片作為同一單元連結。
本表順序為 Ivory、Ash、Amber，用於目錄交付和標籤審核，並不向顧客聲稱這些商品實際存在。真實商店應把示範繪圖替換為已確認的商品照片。
把原圖保留在獨立排版中
我們要求 960×500 對照表，三個 256×256 圖片矩形分別位於 (48,160)、(352,160)、(656,160)。原圖按一比一嵌入，可編輯文字位於矩形外。
若原圖尺寸不同，先約定佈局和縮放規則。保留未經修改的原始母檔，後續才能比較交付裁切或縮放圖片。任務只是組合已確認檔案時，不必重新生成。
使用已核對的檔名、顏色、SKU 對應表和準確的已確認 PNG。按指定順序製作對照表，標籤放在圖片矩形外。不要重畫或改色，原圖尺寸保持不變。記錄單元座標與雜湊，比較儲存後的每個圖片矩形與原圖畫素。回傳可編輯對照表與清單。檢查標籤對應和儲存的圖片矩形
我們獨立下載最終 PNG 和原圖，三個 256×256 矩形的 RGB 畫素均與來源完全相同。保留的 SVG 嵌入這些準確 PNG 位元組，重建雜湊與 Ciyo 工作區檔案一致。
這能確認檔案儲存與放置，不會證明真實店鋪的 SKU、商品顏色或庫存正確。此類判斷應由目錄負責人根據來源表審核。
將來源表與可編輯對照表一起保留
清單列出實際單元座標、來源雜湊和畫素比較，審核者可以追溯錯位標籤對應的資料決定，不必憑視覺記憶復原。
下載的 SVG 含有可編輯標籤文字和嵌入原圖。其他編輯器替換字型後可能改變文字寬度，修改後應重新開啟並檢查長標籤。實際 PNG 則保留固定的數位審核版本。
發布目錄前先確認對應關係
請庫存負責人確認每個檔名、顏色和 SKU。若原圖對應錯誤，應糾正來源，而不是改個標籤讓整張表看起來一致。明確區分接受與退回版本。
對照表用來組織審核，不能代替商店獨立素材或庫存匯入。確認後，把各個原圖和對應表按商店需要的格式交付。
實用問答
這些是真實商品照片嗎？
不是，是受控的虛構繪圖，用來示範圖片保留和標籤對應。
畫素比較正確就證明 SKU 正確了嗎？
不能。它證明選定檔案被保留；檔案與 SKU 對應關係仍須與真實庫存核對。
可以編輯標籤嗎？
可以。保留的 SVG 使用 text 元素，每次修改後應檢查字型替換與對應關係。
整理一組確認過的款式
把已確認圖片和核對過的 SKU 表放進 Ciyo，在目錄交付前比較儲存的對照表。