蝦皮商品圖建議使用 1:1 方形圖。依蝦皮官方廣告指南，圖片解析度至少 1024 x 1024 px；實際上稿仍要以賣家中心當下顯示的限制為準。
本文只整理商品列表與商品頁使用的商品圖，不整理賣場首頁封面或 Banner 的尺寸；兩者是不同版位，也不應共用同一套規格。
蝦皮商品圖設計委外前，業主需要先準備商品文案、產品圖片、規格資訊與風格參考。資料越清楚，設計師越能把首圖、商品特色圖、規格圖與使用情境圖做成好讀、有層次、符合平台瀏覽情境的商品頁圖片。
很多合作來回修改很多次，通常都跟資料一開始不完整有關。商品圖需要承載文字、圖片、規格、價格、賣點與品牌風格，如果這些資訊邊做邊補，來回修改時間就會增加。
從蝦皮搜尋頁來看，消費者滑過商品時，通常先看到圖片、標題、價格與銷售數量。商品圖除了好看，也要讓人第一眼知道你在賣什麼、這個商品有什麼重點、值不值得點進去看。
如果你正在找蝦皮商品圖設計，可以先確認以下 5 件事。
蝦皮商品圖尺寸是多少？
蝦皮商品圖建議使用 1:1 方形比例，解析度至少 1024 x 1024 px。這是蝦皮官方廣告指南目前提供的圖片建議，實際可上傳的尺寸、檔案大小與數量，仍要以賣家中心當下畫面為準。
設計時可以先注意幾件事：
商品主體不要太靠邊，避免縮圖或裁切時被吃掉。
文字不要放太滿，手機縮圖狀態下仍要看得懂。
重要賣點放在畫面中間偏上或視線容易掃到的位置。
規格、尺寸、材質等細節可以放在後續圖片，不一定全部塞進首圖。
如果同一組商品圖有 9 張，建議先規劃每張圖的任務，再開始排版。
尺寸只是基礎，真正影響閱讀的是內容分配。先決定哪一張負責吸引注意、哪一張負責說明規格、哪一張負責建立使用情境，整組圖片會比較容易看懂。
資料來源：蝦皮官方廣告指南：做好事前準備，讓廣告效益最大化。
蝦皮商品圖和賣場 Banner 是不同版位
商品圖會出現在商品列表與商品頁，主要負責呈現商品本體、特色、規格與使用方式。賣場 Banner 位於賣場首頁，較適合呈現品牌識別、活動或分類入口。兩種圖片的使用情境與版面比例不同，不建議共用同一份尺寸。
蝦皮賣場佈置會隨後台版本調整。需要確認封面、輪播看板、簡易看板與簡易圖片的差別，可以查看蝦皮賣場封面與 Banner 尺寸指南；正式製作前仍要以賣家中心上傳區顯示的規格為準。
蝦皮商品圖要先處理搜尋頁點擊
蝦皮商品圖通常會先出現在搜尋結果、分類列表或推薦區。這些地方的畫面很擠，消費者不會慢慢讀完每一張圖，通常只用幾秒鐘判斷要不要點進去。
可以先把首圖當成搜尋頁門面來檢查：
圖片縮小到手機列表時，商品本體還看得清楚嗎？
首圖上的文字是不是太小，或一次放了太多賣點？
標題前段有沒有放真正會被搜尋的商品關鍵字？
價格與活動資訊是否會和首圖文字互相打架？
同類商品排在一起時，這張圖有沒有清楚的辨識點？
如果商品有曝光但點擊很低，通常要先回頭看首圖和標題。首圖負責讓人停下來，標題負責讓平台和消費者知道商品是什麼，兩個要一起看，不能只改其中一邊。
1. 先確認你要做哪些圖片
蝦皮商品頁常見的圖片包含主圖、商品特色、規格說明、使用方式、情境展示、尺寸資訊、注意事項等內容。
如果預計製作一組 9 張商品圖，可以先用以下方式分配內容：
第 1 張：商品主圖，讓買家先看懂商品本體與主要特色。
第 2 張：主要賣點，整理最需要先被理解的差異。
第 3 張：使用情境，說明商品適合在哪些情況使用。
第 4 張：功能或特色，補充第二層資訊。
第 5 張：尺寸與規格，集中整理數字與選購資訊。
第 6 張：材質或細節，呈現近拍、結構或重要部位。
第 7 張：使用方式，依操作順序整理步驟。
第 8 張：包裝內容或注意事項，降低收到商品後的理解落差。
第 9 張：品牌資訊、售後說明或其他購買前常見問題。
這份分配是規劃起點，實際順序會依商品類型、素材內容與買家最在意的問題調整，不需要每一組都使用相同模板。
予墨目前的蝦皮產品頁設計，是以一組 9 張設計作為常見規格。業主提供文案、產品圖片與風格參考後，予墨協助製作成定稿 JPG 圖片。
正式設計前，予墨會先看商品資料與圖片內容，協助整理整組商品圖的閱讀順序。哪些資訊適合放在前面吸引點擊，哪些內容適合放到後面慢慢說明，都會影響整組圖片的好讀程度。
如果你還不確定要做哪幾張，可以先用「消費者購買前會想知道什麼」來整理內容。常見問題通常就是商品圖需要回答的地方。
2. 先準備商品文案、規格與痛點
蝦皮商品圖裡的文字，通常會影響設計方向。標題長短、賣點數量、規格複雜度，都會影響版面安排。
委外前建議先準備這些資料：
商品名稱
商品特色
商品想解決的痛點
規格尺寸
材質或成分
使用方式
包裝內容
注意事項
價格或活動資訊
想放在圖片上的文字
商品痛點可以幫助設計師判斷哪個賣點要先被看見。例如消費者在意收納、省時、耐用、好清洗、尺寸剛好、送禮體面，這些痛點會影響首圖標語、規格圖順序與使用情境安排。
設計師拿到資料後，也會判斷哪些重點適合用標題說明，哪些適合用產品照片、局部放大、對照圖或規格整理呈現。這些前期規劃會影響後續排版，不是只把文字和圖片放進版面就好。
如果文案和痛點還沒整理好，設計師很難判斷每張圖要放多少資訊。文字太多，畫面容易擁擠；文字太少，商品優勢可能說不清楚。
先把資料整理清楚，後面設計會順很多。
3. 準備清楚的產品圖片與素材
蝦皮商品圖設計通常需要業主提供產品圖片。圖片品質會直接影響成品效果。
比較適合設計使用的素材包含：
清楚的產品照片
高解析圖片
去背產品圖
品牌 Logo
包裝照片
商品細節照
情境照片
品牌色或既有視覺素材
如果照片模糊、解析度太低、產品角度不足，設計能處理的空間會變少。簡單去背或調色可以依需求評估，但產品拍攝、手繪插圖、另行製作圖案，通常需要另外安排或另行報價。
委外前可以先檢查手上的圖片是否足夠清楚，也可以準備幾張你覺得重要的產品角度，讓設計師判斷圖片是否適合製作商品頁。
4. 提供風格參考，減少來回修改
風格參考可以幫助設計師更快理解你想要的方向。
你可以準備：
喜歡的蝦皮商品頁截圖
同類商品的設計參考
品牌既有設計
官網或社群視覺
喜歡的配色
不喜歡的風格範例
風格參考的用途，是讓雙方對「想要的感覺」有比較接近的理解。
例如你想要乾淨、生活感、可愛、專業、科技感、溫柔、簡約，每一種方向都會影響字體、配色、留白與圖片安排。比起只說「做有質感一點」，提供參考圖會更容易對齊。
5. 確認交付格式、修改次數與加價項目
找蝦皮商品圖設計前，也要先確認交付內容。
以予墨目前的蝦皮產品頁設計來說，常見交付為定稿 JPG 圖片。原始檔另計價，文案寫作也不是純設計方案的預設服務。
合作分工可以先抓成以下三類：
業主提供：商品文案、產品圖片、Logo、規格資料與風格參考。
予墨協助：整理閱讀順序、版面層級、文字排版、視覺編排，以及依方案評估簡單去背或調色。
常見交付：定稿 JPG 圖片；原始檔、產品拍攝與完整銷售文案不包含在純設計方案內。
委外前可以先確認：
會交付什麼檔案格式
是否包含原始檔
是否包含文案撰寫
是否包含產品拍攝
修改次數有幾次
超出修改範圍怎麼計價
急件是否會加收費用
是否需要另外簽約與付款
這些資訊先確認，後面合作會比較清楚，也能避免把不同服務混在一起期待。
適合委外蝦皮商品圖設計的情況
如果你已經有商品資料、產品圖片與基本文案，但商品頁看起來比較凌亂，或圖片資訊沒有整理出閱讀順序，就很適合把商品圖交給設計師協助排版。
蝦皮商品圖設計可以協助你把現有資料整理成更清楚的視覺版面，例如讓標題更明顯、規格更好讀、產品圖片更有層次、整組商品頁看起來更一致。
如果你目前還沒有產品照片、商品文案或基本規格，建議先把資料準備好，再開始找設計師。這樣設計時間會比較集中，也比較容易做出符合需求的圖片。
找設計師前，可以先準備這份資料
你可以先整理一份簡單資料夾，裡面放：
商品文案
商品規格
產品照片
Logo 或品牌素材
風格參考圖
想做的圖片張數
需要放進圖片的重點文字
交期需求
這份資料不需要很漂亮，只要清楚就好。設計師需要的是準確的內容，接著才有辦法把它轉成適合平台瀏覽的商品圖。
如果你已經準備好商品文案、產品圖片與風格參考，可以從蝦皮商品圖設計與電商視覺服務了解予墨的服務方式；如果想先確認素材是否足夠，也可以到聯絡洽詢提供商品類型、預計張數與目前已有的素材。
對設計有任何問題？歡迎與我們聊聊
