怎麼做出好看的商品圖？電商商品圖設計與製作完整指南

商品圖是什麼？

商品圖是用來展示與說明商品的視覺素材，常見於電商賣場、品牌官網、社群貼文、數位廣告與商品型錄。

它不一定只是一張單純的產品照片。為了讓消費者在無法接觸實品的情況下了解商品，賣家通常還會針對原始照片進行去背、裁切、調整尺寸、加入文字、標示規格或更換使用情境，最後形成一組用途不同的商品圖片。

商品圖和商品攝影有什麼不同？

商品攝影是取得原始影像的過程，例如在攝影棚拍攝商品正面、側面、包裝與細節。

商品圖則是最後呈現在賣場上的圖片。它可能來自攝影棚，也可能使用手機拍攝，再經過下列處理：

• 移除雜亂背景
• 更換白色或情境背景
• 調整光線與色彩
• 裁切成平台需要的比例
• 加入尺寸與商品特色
• 組合成完整的賣場圖片順序

因此，同一張原始商品照片，可以延伸製作成白底圖、情境圖、規格圖或廣告素材。

商品圖在電商頁面中負責什麼？

一套規劃完整的商品圖，至少需要完成幾件事：

• 讓消費者迅速辨識正在販售的商品
• 清楚展示商品外觀、顏色、材質與細節
• 說明尺寸、規格、配件與使用方式
• 協助消費者想像商品的實際使用情境
• 減少因資訊不清楚而產生的錯誤期待
• 維持品牌與賣場的視覺一致性

商品圖的目的不是把商品包裝得不像實品，而是把消費者真正需要知道的資訊，以更容易理解的方式呈現出來。

一套完整的電商商品圖有哪些類型？

不同商品需要的圖片數量不完全相同，但一套完整的電商商品圖，通常會從以下類型中挑選。

並不是每件商品都要同時使用七種類型。關鍵是先想清楚消費者在購買前最想確認什麼，再決定圖片組合。

例如，販售家具時，尺寸圖與空間情境圖通常很重要；販售服飾時，則需要完整外觀、材質細節、尺寸資訊與實際穿搭效果。

商品主圖和白底圖一樣嗎？

商品主圖指的是商品頁面中最先出現、負責代表該商品的圖片；白底圖則是一種圖片呈現方式。

商品主圖可以使用白色背景，也可能依平台規範與商品類型採用其他純色背景。兩者經常重疊，但概念並不完全相同。

選擇主圖時，應優先確認：

• 商品主體是否完整
• 背景是否干擾辨識
• 縮小成手機畫面後是否仍然清楚
• 圖片是否容易與相似商品混淆
• 是否符合上架平台的最新規範

什麼時候需要商品圖文設計？

如果商品只看外觀就能理解，圖片上的文字可以保持簡單；如果商品涉及尺寸、使用步驟、材質差異或多項功能，就可能需要商品圖文設計。

適合加入圖片的資訊包括：

• 尺寸與容量
• 材質名稱
• 適用對象
• 使用步驟
• 商品特色
• 配件內容
• 不同款式的差異

文字不應遮住商品，也不要把完整的商品說明全部塞進一張圖。消費者瀏覽商品圖片時，通常會先看主體，再看文字，因此每張圖片最好只傳達一個主要重點。

商品圖設計應掌握的六個原則

一、商品外觀必須準確

無論使用傳統修圖或 AI 製作商品圖，最終圖片都應該與實際商品保持一致。

尤其需要檢查：

• 顏色有沒有明顯變化
• 商品比例是否正確
• Logo 與包裝文字是否完整
• 配件數量是否一致
• 材質紋理是否被過度修飾
• AI 有沒有產生原本不存在的結構

商品圖可以改善背景與呈現方式，但不應製造消費者實際拿不到的功能或內容。

二、商品主體要清楚

消費者進入商品頁面後，應該能迅速辨識商品主體。如果背景顏色、裝飾元素或文字比商品本身更搶眼，就會增加理解成本。

處理背景時，可以先問三個問題：

1. 商品邊緣是否清楚？
2. 商品與背景是否有足夠對比？
3. 背景元素是否會讓人誤認商品內容？

三、文字必須適合手機閱讀

許多消費者會在手機上瀏覽商品，因此設計時不能只看電腦畫面。

建議：

• 避免大段文字
• 重點文字保持足夠大小
• 文字與背景之間要有明顯對比
• 同一張圖不要出現太多字型
• 一張圖只說明一個主要賣點

完成後可以將圖片縮小，模擬手機上的顯示大小。如果需要放大才能看懂，文字通常就太小了。

四、同一賣場應保持一致風格

商品圖風格統一，不代表所有圖片必須完全相同，而是應該保持穩定的視覺規則，例如：

• 使用相同的畫面比例
• Logo 放在固定區域
• 使用一致的字型
• 相同類型圖片採用相近排版
• 背景色與品牌色協調
• 商品主體大小保持穩定

一致的視覺系統能讓賣場看起來更有秩序，也能減少每次製作商品圖時重新設計的時間。

五、圖片順序要符合消費者的判斷流程

消費者通常會依照以下順序了解商品：

這是什麼商品 → 外觀如何 → 有什麼功能 → 尺寸是否適合 → 細節好不好 → 實際會收到什麼

因此，商品圖的建議順序可以是：

1. 商品主圖
2. 不同角度或顏色
3. 使用情境
4. 功能與賣點
5. 尺寸與規格
6. 材質細節
7. 包裝與配件

不需要把所有資訊擠進第一張圖。讓每張圖片負責一個任務，反而更容易閱讀。

六、圖片要符合上架平台規範

不同電商平台、賣家類型、活動專區與廣告版位，可能採用不同的圖片要求。

上傳前應確認：

• 圖片比例
• 像素尺寸
• 檔案格式
• 檔案大小
• 商品主體占比
• 是否允許邊框、文字或促銷資訊
• 圖片數量限制
• 首圖與詳情圖的不同要求

平台規則可能隨時間調整，不建議長期沿用多年前的截圖或整理文章。

蝦皮商品圖尺寸與平台規範怎麼看？

許多賣家搜尋「蝦皮商品圖尺寸」時，只想找到一組固定的寬度與高度，但實際上，圖片是否能正常使用，不只取決於像素。

蝦皮商品主圖、商品輪播圖、賣場裝飾、廣告素材與活動圖片，可能分別採用不同規範；商城賣家、一般賣家與特定活動也可能面對不同要求。因此，比較穩妥的做法不是記住一組永久數字，而是保留高解析度母檔，再依賣家中心當下顯示的規格輸出。

上架前應檢查四項要求

1. 圖片比例

商品主圖通常適合使用穩定的正方形構圖，但仍應以賣家後台目前的上傳說明為準。拍攝時可以在商品四周預留一些空間，避免裁切成正方形後切到商品邊緣。

2. 圖片解析度

原始照片應保留足夠細節，避免後續裁切或放大時變得模糊。不要反覆將同一張圖片下載、截圖、壓縮再上傳，因為每一次重新處理都可能損失畫質。

3. 檔案格式與大小

常見商品圖會使用 JPG 或 PNG：

• JPG 適合一般照片與情境圖，檔案通常較小。
• PNG 適合需要透明背景、圖示或清楚文字邊緣的圖片。

如果平台限制檔案大小，應從輸出品質與壓縮設定著手，不要直接把圖片縮得過小。

4. 首圖內容限制

除了尺寸之外，還要檢查：

• 商品是否完整顯示
• 主體是否足夠清楚
• 背景是否符合規定
• 有沒有過多文字或裝飾
• 是否包含未經授權的品牌素材
• 圖片內容是否與實際銷售商品一致

發布前，應重新查看蝦皮賣家中心的最新說明，不要把歷史規範當成永久標準。

商品圖怎麼做？從原始照片到上架圖片的完整流程

即使沒有攝影棚，也可以從一張清楚的原始照片開始製作商品圖。重點不是套用越多效果越好，而是先建立正確流程。

步驟一：規劃整套商品圖的用途

拍攝前先列出需要的圖片：

• 主圖
• 正面、側面與背面
• 細節圖
• 尺寸圖
• 使用情境
• 包裝與配件

如果商品有多種顏色，也要確認每個顏色是否需要獨立圖片。先規劃能減少漏拍，避免完成設計後才發現缺少關鍵角度。

步驟二：拍攝清楚的原始照片

使用手機拍攝商品圖時，可以注意：

• 選擇光線均勻的位置
• 清潔商品表面與手機鏡頭
• 避免強烈陰影與反光
• 保持手機穩定
• 不要切到商品邊緣
• 拍攝多個角度
• 盡量使用原始照片，不要先經過通訊軟體壓縮

背景不一定要非常漂亮，只要商品輪廓清楚、光線正常，後續就比較容易去背與編輯。

步驟三：去除雜亂背景

如果原始照片中的桌面、牆面或其他物品影響主體，可以先使用去背工具分離商品。

以 PicWish AI 去背 為例，上傳圖片後可以自動辨識主體並移除背景，完成後再繼續調整邊緣、背景與尺寸。該功能目前也提供商品圖片、自然陰影與背景替換等使用情境。

去背完成後要放大檢查：

• 商品邊緣有沒有缺角
• 透明材質有沒有被誤刪
• 毛絨、細線與孔洞是否完整
• 原本自然的陰影是否需要保留
• 白色商品是否與背景失去界線

大量 SKU 需要處理時，也可以參考 PicWish 現有的商品圖批次去背教學，但批次處理完成後仍應抽樣檢查成果。

步驟四：製作白底圖或商品情境圖

去背後，可以依圖片用途選擇背景。

白底圖適合：

• 清楚展示商品本體
• 建立一致的商品列表
• 呈現不同角度與顏色
• 製作規格或尺寸說明

情境圖適合：

• 呈現商品使用方式
• 協助消費者理解尺寸
• 建立居家、戶外、辦公或穿搭氛圍
• 延伸社群與廣告素材

如果沒有攝影棚或設計基礎，可以使用 PicWish AI 商品攝影 選擇背景、調整尺寸或製作商品場景圖。官方頁面目前提供背景與尺寸設定、背景復刻、商品細節處理與多尺寸延展等功能。

使用 AI 背景時，不要只看畫面是否漂亮，還要檢查：

• 商品有沒有變形
• 包裝文字是否正確
• 光線方向是否合理
• 商品與背景的比例是否自然
• AI 有沒有加入原本不存在的配件

步驟五：加入尺寸、規格和商品賣點

完成主體與背景後，再加入消費者需要的資訊。

尺寸圖應清楚標示單位，並確認量測方向；賣點圖則應優先回答消費者最在意的問題，不要只寫空泛的形容詞。

例如，與其寫「高品質材質」，不如明確說明：

• 材質名稱
• 防水或耐熱條件
• 適用尺寸
• 可承受重量
• 清潔方式
• 實際配件數量

所有資料都應來自商品的真實規格。

步驟六：調整尺寸並完成上架檢查

輸出前進行最後檢查：

• 圖片比例是否符合目前的平台要求
• 商品顏色是否接近實品
• 文字有沒有錯字
• 尺寸單位是否正確
• 圖片在手機上是否清楚
• 同一組商品圖的風格是否一致
• 壓縮後是否出現模糊或色塊
• AI 是否改變商品細節
• 圖片是否包含未經授權的素材

建議保留原始母檔與各平台的輸出版本，不要只留下已經壓縮的小圖。未來平台規範改變時，就能從母檔重新輸出。

使用 AI 製作商品圖時要注意什麼？

AI 可以提高商品圖片的製作效率，但不能取代商品資訊的真實性。

AI 適合協助的工作

• 移除背景
• 更換白底或情境背景
• 調整畫面比例
• 延展圖片尺寸
• 處理輕微皺褶、刮痕或反光
• 統一同系列商品的視覺風格
• 製作不同平台需要的圖片版本

AI 不應該擅自改變的內容

• 商品顏色
• 商品結構
• 商品數量
• Logo 與包裝文字
• 配件內容
• 材質紋理
• 實際尺寸
• 商品原本不具備的功能

例如，一件商品只有兩個配件，AI 情境圖卻出現第三個配件，就可能造成消費者誤解；服飾上的圖案、口袋或扣子位置發生變化，也不適合直接上架。<h3 id=”_6.3″>AI 商品圖檢查表</h3>

每張 AI 商品圖完成後，可以逐項檢查：

• 商品外形與原圖一致
• 顏色沒有明顯偏差
• Logo 與文字正確
• 配件數量一致
• 材質沒有變成另一種質感
• 背景沒有遮住商品
• 陰影與光線方向合理
• 商品比例符合真實使用情境
• 圖片內容不會讓消費者產生錯誤期待

AI 可以改善呈現方式，但商品真實性仍需要由賣家親自確認。

商品圖設計常見的七個錯誤

一、商品主體太小

背景占據大部分畫面，商品本身卻難以看清。尤其在手機商品列表中，過小的主體很容易被忽略。

二、背景比商品更搶眼

情境圖不是背景素材展示。顏色、裝飾與光線都應該服務商品，而不是讓消費者先看到背景。

三、只展示整體，沒有細節圖

消費者可能想看材質、接孔、拉鍊、按鍵、接縫或包裝內容。缺少細節圖，會讓購買判斷變得困難。

四、圖片文字太多

把整段商品說明放入圖片，不但難以閱讀，也不利於後續修改。圖片應放重點，完整說明仍應保留在商品描述中。

五、每張圖片的設計風格都不同

字型、顏色、Logo 位置與商品比例不斷改變，會讓整組圖片看起來缺乏一致性。

六、只有情境圖，沒有真實商品圖

情境圖能協助想像，但消費者仍需要白底圖、不同角度與細節圖，確認實際商品外觀。

七、AI 處理後沒有人工檢查

AI 可能改變包裝文字、材質、顏色或局部結構。任何準備上架的 AI 商品圖，都應與原始商品逐項比較。

商品圖常見問題

商品圖一定要使用白色背景嗎？

不一定。

白底圖適合清楚呈現商品，也容易維持賣場一致性；情境圖則適合說明使用方式與商品比例。一套完整的商品圖可以同時包含白底圖與情境圖，而不是只能選擇其中一種。

是否必須使用白色背景，應依上架平台、商品類別與圖片位置判斷。

一件商品通常需要準備幾張圖片？

沒有適用於所有商品的固定數量。

簡單商品可能只需要主圖、不同角度、尺寸與包裝；結構複雜或需要示範使用方式的商品，則可能需要更多細節圖與情境圖。

比圖片數量更重要的是：消費者購買前需要確認的問題，是否都已經在圖片中得到回答。

用手機可以拍出能上架的商品圖嗎？

可以。手機拍攝的關鍵是光線、穩定、清潔與構圖。

先取得清楚、沒有切到邊緣的原始照片，再進行去背、背景處理與尺寸調整，通常比一開始就加入大量濾鏡更實用。

蝦皮商品圖尺寸不符怎麼辦？

先確認目前上傳位置要求的比例、解析度、格式與檔案大小，再從原始母檔重新輸出。

不要持續將已經壓縮的小圖放大，因為放大無法恢復原本不存在的細節。若經常經營多個平台，建議保留一份高解析度母檔，再分別製作蝦皮、momo、PChome、品牌官網與社群需要的版本。

AI 產生的商品圖可以直接上架嗎？

不建議未經檢查就直接上架。

AI 產生的成果可能在顏色、結構、文字、材質或商品數量上出現變化。使用前應與真實商品及原始照片進行比較，並確認符合平台規範與相關權利要求。

結語

商品圖的核心不是特效，而是資訊。

開始製作前，先規劃消費者需要看到哪些內容；拍攝時保留清楚的商品主體；後續再依用途製作主圖、白底圖、情境圖、尺寸圖與細節圖。無論使用傳統修圖或 AI 工具，都要以商品真實性與平台規範作為最後的判斷標準。

如果已經有清楚的商品原始照片，可以使用 PicWish AI 商品攝影 處理背景、尺寸與商品場景，再逐張確認商品細節是否與實品一致。工具負責提高製作效率，最終的商品資訊與上架品質，仍需要由賣家親自把關。