實用創作流程
為商品照片加浮水印，同時保留商品細節
店家浮水印應該清楚可讀，卻不該搶走商品的注意力。文字跨過標籤或把手，可能遮住顧客想看的細節。
虛構的 Clay & Co 範例使用既有杯子文章配圖，不是客戶實拍。Ciyo 製作透明浮水印，先試一個刻意選錯的位置，再將同一浮水印移到空白背景。
保留沒有浮水印的原圖
從原照片開始，另存帶浮水印版本。1024×1024 原圖是一只象牙白杯子，正面有空白琥珀色矩形。本例沒有重新生成、修圖、裁切或調整圖片尺寸。
畫布左側是未變更的原圖，可比較商品細節，也能在其他用途需要時提供乾淨版本。送出帶浮水印照片前，先確認目標平台的規定。
分別決定位置與不透明度
先判斷哪裡能放浮水印，再調整深淺。本例文字為 Clay & Co、顏色 #2B2B2B、透明畫布384×64。最大 alpha 值166，對應選用的不透明度0.65。
Utiliome 開發者在9月27日的 Reddit 公告中介紹浮水印控制功能。它為位置、尺寸與不透明度的檢查提供背景；本文的 Ciyo 比較是獨立示範，不是發文者的成果或推薦。
u/qr-build 於2026年9月27日發布。這是另一產品 Utiliome 的開發者公告，介紹尺寸、位置與不透明度控制。隱私聲明屬於該產品，不代表 Ciyo。本文的位置比較是獨立示範，不暗示作者推薦 Ciyo 或產生行銷成果。
捨棄遮住標籤的位置
第一版把浮水印放在 (320,450)，文字跨過空白琥珀色矩形，看起來像杯身印字，而非獨立店家署名。我們保留這版作為失敗對照。
要求 Ciyo 將同一浮水印合成到另一位置，不要生成另一只杯子。固定原圖與浮水印，才容易判斷位置變化的影響。
維持提供的1024×1024原圖不變。製作透明384×64浮水印，文字為 "Clay & Co"、顏色 #2B2B2B、不透明度0.65，並保留可編輯 SVG。先儲存放在 (320,450) 的失敗合成，再把同一浮水印放在 (600,920)，另存最終 PNG。不要重新生成、修圖、裁切或縮放照片。將原圖、兩版合成與浮水印儲存到畫布，核對最終浮水印框外像素沒有變化。將浮水印移到空白背景
選用版本將384×64浮水印放在 (600,920)，矩形終點為 (984,984)。在1024×1024照片中，右邊與底邊各留40px。這是本例實際座標，不是通用留白規則。
以商品頁或社群的預計預覽尺寸檢查標籤、把手與輪廓是否清楚。背景複雜時，可能需要換位置或顏色。
| 版本 | 浮水印起點 | 檢查結果 |
|---|---|---|
| 無浮水印原圖 | 無 | 原照片未變更 |
| 失敗位置 | (320,450) | 遮住琥珀色矩形 |
| 最終位置 | (600,920) | 空白背景，右側與底部各40px |
| 可重複使用浮水印 | 384×64，不透明度0.65 | 透明 PNG 與可編輯 SVG |
比較最終匯出與原圖
最終 PNG 仍是1024×1024。獨立像素比較確認，浮水印框外1,024,000個像素完全相同，框內僅2,979個像素變化，杯子與琥珀色矩形獲得保留。
下載失敗版與最終版，按交付尺寸檢查。最終 PNG 已合併；獨立透明浮水印與 SVG 原始檔可用來重新擺放，不必修改乾淨原圖。
將浮水印與照片分開儲存
分別保留原圖、透明浮水印、可編輯 SVG 與帶浮水印匯出。另一台電腦的替代字型可能改變 SVG 字樣；PNG 浮水印保留本例實際算繪的文字。
角落浮水印是一種可見署名。本例沒有證明防盜效果或所有權；角落文字可以被裁掉或編輯移除。因此應以可讀性與商品細節保留來判斷結果。
常見問題
能直接在 Ciyo 畫布上編輯浮水印嗎？
合成圖是已合併的 PNG。獨立 SVG 內有可編輯文字，應與透明浮水印和原圖一起保留。
所有照片都應用這些座標嗎？
不是。這些座標適合本例1024×1024原圖與384×64浮水印。每張照片都應重新檢查空白背景與最終顯示大小。
浮水印能證明所有權或防止複製嗎？
本例展示可見署名與可讀性，沒有進行所有權或防盜測試。
將浮水印放在不影響商品的位置
在 Ciyo 開啟乾淨原圖，比較兩種位置，將帶浮水印版本與原圖分開匯出。