電商白底圖製作

📖 工具介紹

電商平臺對主圖的要求一向很具體：背景要純白，商品要佔滿畫面又不能頂到邊，促銷信息還得壓在角上。過去這些活得在修圖軟件裡一步步做——鋼筆去背、填滿背景、畫角標、對齊、匯出，一張圖十幾分鍾。這個工具把整條流水線搬到瀏覽器裡：上傳商品圖後自動識別背景並摳掉換成純白底，接着往角上疊加促銷角標，形狀、顏色、文字、位置全部可調，最後按淘寶、天貓、京東、亞馬遜等平臺的規格匯出。全程在本地完成，圖片不會上傳到任何服務器。去背用的是區域生長算法：先採樣四邊的主色作爲背景，再從邊緣向內生長，只清除與邊緣連通的區域，商品內部恰好同色的部分不會被誤刪，玻璃瓶、金屬件這類高反光商品也能保住細節。邊緣另有羽化和去白邊兩檔處理，能壓掉淺色商品周圍常見的一圈灰邊。個別識別不準的地方，用修補筆刷在預覽圖上直接擦掉或補回即可。角標支持同時疊放多個，每個角標有獨立的形狀、填滿、描邊、文字、投影和不透明度，上下按鈕決定疊放次序。

✨ 功能特點

• 自動去背換底：識別容差、邊緣羽化、去白邊三個參數分開調。容差決定顏色相近到什麼程度算背景，羽化讓邊緣過渡自然，去白邊把殘留的背景色邊向內喫掉。
• 三種底色模式：純白、自定義顏色、透明。透明模式匯出 PNG 後可以直接鋪到詳細頁範本或海報上繼續排版。
• 十種角標形狀：矩形、圓角矩形、圓形、橢圓、三角形、燕尾條、緞帶、爆炸星、盾牌、氣泡，配合十個快捷範本（新品、熱賣、特價、包郵、限時、爆款、正品、秒殺、折扣、滿減券）一鍵套用。
• 每個角標獨立可調：文字內容支持多行，形狀、九宮格擺放位置、橫縱偏移、寬高、旋轉角度、純色或漸層填滿、描邊顏色與粗細、虛線、文字顏色字級粗細與描邊、不透明度、投影與模糊程度，全部單獨控制。
• 內置平臺畫布：淘寶 800、天貓與蝦皮 1000、京東 1200、亞馬遜 2000、詳細頁 750×1000、小紅書 1080，也可以自己填寬高。
• 構圖實時反饋：商品縮放、垂直對齊與橫縱偏移共同決定構圖，狀態欄實時顯示商品佔畫面的百分比，方便把佔比控制在建議區間。
• 多種輸出：匯出 PNG、JPG、WebP 三種格式並可設品質，另有複製圖片到剪貼簿和直接列印。

🛠 使用方式

1. 點「選擇圖片」或把商品圖拖進虛線框；沒有現成素材可以先點「載入範例圖」體驗完整流程。
2. 看預覽調整「識別容差」。背景沒去幹淨就調大，商品被喫掉一塊就調小；邊緣發灰時加大「去白邊」，邊緣太硬時加大「邊緣羽化」。
3. 遇到算法處理不了的地方，把「手動修補筆刷」切到擦掉背景或補回商品，在預覽圖上按住拖曳塗抹，筆刷大小可調。
4. 在「畫布尺寸」裡選平臺規格，再用商品縮放和偏移把構圖擺好，參考狀態欄的商品佔比。
5. 點「新增角標」，從快捷範本選一個或自己寫文字，然後調形狀、位置、顏色、字級等參數；需要多個角標就繼續新增，用上移下移安排疊放次序。
6. 選好格式與品質，點「下載成品圖」保存，也可以複製或列印。

⚠️ 注意事項

• 去背基於顏色相似度，不是 AI 分割：背景與商品顏色接近、背景雜亂、商品有半透明或鏤空部分時效果會打折，這類圖建議配合修補筆刷手動處理。
• 去白邊別一次調太大：數值過大時商品邊緣也會被喫掉，毛絨、羽毛這類鬆軟邊緣尤其明顯，建議從 1 開始逐步加大並隨時看預覽。
• 超大圖會先降採樣：三四千萬像素的原圖先縮到約 250 萬像素完成去背，再按目標尺寸合成，邊緣精度比小圖略低。
• 透明底色請匯出 PNG：JPG 不支援透明通道，透明區域會被填成白色。
• 角標尺寸是相對值：寬高與字級都按畫布寬度的百分比計算，換畫布尺寸時角標等比縮放，但極端長寬比下建議重新確認位置。
• 處理全在本地完成：刷新頁面後圖片與角標設置會丟失，重要的圖記得先下載保存。
• 兩個描邊設定需要配合：描邊顏色與虛線只在描邊粗細大於 0 時才看得見，投影模糊也只在勾選投影之後生效，調了沒反應時先看這兩處開關。