商品圖是顧客確認外觀、比例、材質、內容物與使用情境的重要資訊。若只有一張照片，顧客可能還需要到其他區塊查找規格或詢問客服；是否影響購買應搭配商品頁事件、客服問題與退貨原因判讀。
專業商品圖設計會把商品攝影、品牌視覺、文案、規格和購買疑慮整合成一組圖片。它不是單純把字放在照片上，而是用視覺順序引導客戶理解產品、比較差異並放心購買。
一、文章重點
- 商品圖設計要回答客戶購買前的疑問。
- 主圖、賣點圖、規格圖、情境圖和品牌圖各有任務。
- 商品圖要和品牌包裝、網站、社群視覺一致。
- 重要規格要另有可讀文字；alt 依圖片功能描述，不用堆疊關鍵字。
二、Google Merchant Center 商品圖片規格重點
- 主圖必須準確呈現實際商品，不能用 placeholder、與商品不符的通用圖或單純色塊代替。
- 圖片網址必須可抓取，檔案格式與副檔名一致，且不得任意放大低解析縮圖。
- Google 已公告自 2027-01-31 起，商品主圖與附加圖片最低提高到 500 × 500 px；2026 年已開始提出警示。
- 官方建議為高解析原圖，商品主體清楚，並避免促銷文字、浮水印、邊框或遮擋商品的元素。
- 商家必須擁有行銷使用權；若圖片由生成式 AI 製作，Merchant Center 另要求保留相應的 IPTC 數位來源標記。
上述規則適用於 Google 商品資料，不代表所有電商平台使用完全相同尺寸。蝦皮、momo、自有官網或社群廣告仍應查當下平台規格。
三、商品圖要先規劃購買流程
顧客會確認商品、規格、價格、評價、配送和退換貨，但閱讀順序會因平台、裝置與商品類型而異。可先用主圖清楚辨識商品，再依實際疑慮安排賣點、細節、比例、使用情境、內容物與售後資訊，不必套用固定張數。
若商品圖順序混亂，客戶就需要自己尋找資訊。尤其手機購物時，圖片常比文字更早被看到，因此商品圖必須清楚、直接、有層次。
四、主圖、賣點圖和規格圖差在哪？
主圖要讓商品清楚且有吸引力，通常適合乾淨背景和明確構圖。賣點圖要說明產品優勢，例如材質、功能、口味、容量、設計特色或使用便利性。規格圖則要幫客戶確認尺寸、內容物、重量、成分、保存方式或比較表。
情境圖讓客戶想像使用場景，品牌圖則建立信任和質感。這些圖加在一起，才是一組完整商品圖。若只做主圖，資訊不足；若每張圖都塞滿文字，閱讀又會太累。
五、商品圖文字要短而有層級
商品圖上的文字不能像文章一樣長。每張圖最好只有一個主標題和少量補充，讓客戶滑過時能快速理解。字級要在手機上可讀，顏色要和背景有足夠對比，重要資訊不能靠近裁切邊緣。
常見錯誤是把所有賣點都放在同一張圖，導致畫面很滿。更好的方式是把賣點拆成多張圖，每張圖回答一個問題。這樣客戶更容易吸收，也更像專業品牌。
六、商品圖要和品牌一致
商品圖不應每個商品都長得不一樣。品牌可以建立固定規則，例如主圖背景、賣點圖版型、標題字體、品牌色、圖示樣式、規格表格式和結尾品牌圖。這樣即使商品增加，電商頁面也能保持整齊一致。
對食品、保養品、生活用品和設計商品來說，商品圖和包裝視覺也要一致。客戶在網路上看到的質感，應該和收到實品時的感受接近，否則會影響信任。
七、商品圖如何降低資訊不確定？
商品圖可用來呈現尺寸、材質、用途、內容物和使用方式，減少顧客必須自行想像的資訊。先整理客服常見問題與退貨原因，再決定哪些內容適合用照片、示意圖或可讀文字回答。
圖片是否改善加入購物車、客服量或退貨率，不能只憑視覺判斷。應記錄改版日期，分開裝置、流量來源與商品版本比較，並排除價格、促銷、庫存和配送等同時變動。
八、商品圖如何搭配可讀商品資料？
材質、尺寸、成分、價格、庫存、配送和退換貨不應只寫進圖片。頁面要提供可選取、可由輔助技術讀取且能隨資料更新的文字；圖片 alt 則依該圖在頁面的功能描述缺失資訊。
同一組素材若要提供官網、平台賣場、社群與廣告使用，應另建尺寸與裁切清單，記錄來源檔、權利、版本和有效期限。平台規則不同，不能只輸出一種尺寸後直接套用。
九、FAQ 常見問題
商品圖設計需要先拍照嗎？
最好先有清楚照片。若照片不足，設計只能補版面，無法取代商品本身的質感。
商品圖要做幾張？
沒有固定張數。至少要讓顧客看清商品並取得關鍵規格；是否需要賣點、細節、比例、情境、內容物或售後圖，應依商品複雜度與平台上限決定。
商品圖上的文字越多越好嗎？
不是。文字要短、清楚、有層級，詳細資訊應放在商品頁文字區。
十、商品圖設計常見失敗原因
常見失敗原因包含主圖不清楚、賣點太多、字太小、品牌色不一致、規格資訊不足、圖片順序混亂、沒有手機版閱讀意識，以及所有資訊都做在圖片裡卻沒有文字描述。這些問題會讓商品頁看起來很忙，但沒有真正降低客戶疑慮。
商品圖設計應該用「一張圖回答一個問題」的方式規劃。第一張建立印象，後面依序說明特色、規格、使用情境、比較、內容物和品牌信任。這樣客戶滑動時會像看一份清楚的購買說明，而不是被大量資訊干擾。
十一、商品圖設計要依平台調整
不同平台對商品圖的要求不同。品牌官網可以放更多品牌故事、情境照和版面設計；大型電商平台通常更重視主圖清楚、白底規範、商品資訊完整；社群購物需要更強的第一眼吸引力；廣告素材則需要在短時間內說出賣點與行動引導。若同一套商品圖直接套用到所有平台，常會出現資訊不合、裁切錯誤或轉換效果不穩的問題。
專業商品圖設計會先確認主要銷售通路，再規劃尺寸和內容。官網商品頁可以做較完整的圖片序列，平台主圖要符合規範，社群圖要能快速抓住注意，廣告圖要保留標題和按鈕空間。這些差異會影響設計費用，也會影響後續行銷效率。
十二、商品圖可以怎麼分成一套完整序列？
可依需求從八種任務選擇：商品主圖負責辨識，核心賣點圖說明差異，細節圖呈現材質或工法，規格圖說明尺寸與內容物，情境圖示範使用方式，比較圖區分自家款式，包裝或開箱圖說明到貨內容，品牌圖則放入可查證的保固、評價或服務承諾。不是每項商品都要湊滿八張。
圖片序列應依實際購買疑慮排序，並在商品頁預覽中確認是否與文字重複。高單價或功能複雜商品可能需要更多證據，但張數、順序與成效仍要以使用測試和頁面資料調整。
十三、商品圖設計驗收標準
驗收商品圖時，不能只看好不好看。應該檢查手機上字是否清楚、主圖是否能在商品列表中被看見、每張圖是否只回答一個重點、品牌色和字體是否一致、規格是否正確、圖片是否有足夠安全邊界、檔案大小是否適合網站載入，以及商品圖和頁面文字是否互相補充。
另一個重要驗收方式，是把商品圖實際放進商品頁預覽。單張圖在設計稿中可能很完整，但放到頁面後可能順序不順、重複資訊太多或和文字區衝突。正式上架前，應該用手機和桌機各看一次，確認顧客能順利理解商品。
十四、圖片檔名與 alt 怎麼寫？
材質、尺寸、使用方式、價格、庫存、配送與退換貨等重要資訊，不應只寫進圖片；應在頁面提供可選取、可由輔助技術讀取的文字，並讓圖片靠近相關說明。這也能避免圖片更新後，頁面文字仍留著不同版本的規格。
檔名可使用簡短、穩定且有意義的字詞方便管理；替代文字則要依圖片在該頁的功能，以自然語句描述讀者看不到時會遺失的資訊，而不是填入英文關鍵字或檔案類型。純裝飾圖應使用空替代文字；含重要文字的規格圖，頁面仍要提供等價文字內容。
十五、商品圖設計如何提高行銷吸引力？
有吸引力的商品圖不是把畫面做得很滿，而是讓顧客更快看到價值。主圖要有辨識，賣點圖要有承諾，細節圖要有證據，情境圖要有想像，品牌圖要有信任。當這些元素依照購買流程排列，商品頁就會更像專業銷售員，幫品牌在顧客猶豫時補上理由。
商品圖也能延伸成社群和廣告內容。賣點圖可以拆成社群輪播，規格圖可以變成客服回覆素材，情境圖可以用在限時動態，品牌圖可以用在廣告再行銷。若一開始就用內容系統思維設計，商品圖的價值會比單純商品頁素材更高。
十六、結論：商品圖設計是電商銷售的視覺說明書
商品圖設計的目標不是把圖片做得熱鬧，而是讓客戶快速理解商品價值並放心購買。當攝影、品牌、文案、規格和頁面結構一起規劃，商品圖就能成為提升電商轉換的重要資產。
