知識文章

蝦皮商品圖尺寸與設計怎麼做?委外前先確認這 5 件事

予墨製作所
發布於 2026年5月20日最後更新:2026年6月24日
蝦皮商品圖設計委外前準備資料示意
蝦皮商品圖常見尺寸為 1000 x 1000 px、1:1 方形圖。委外設計前,建議先準備商品文案、產品圖片、規格資訊與風格參考,讓首圖、規格圖與賣場視覺更清楚好讀。

蝦皮商品圖常見尺寸是 1000 x 1000 px、1:1 方形圖。實際上稿時仍要依蝦皮後台規範與商品類型確認,但先用方形版面規劃,通常比較符合手機瀏覽與賣場列表情境。

蝦皮商品圖設計委外前,業主需要先準備商品文案、產品圖片、規格資訊與風格參考。資料越清楚,設計師越能把首圖、商品特色圖、規格圖與使用情境圖做成好讀、有層次、符合平台瀏覽情境的商品頁圖片。

很多合作來回修改很多次,通常都跟資料一開始不完整有關。商品圖需要承載文字、圖片、規格、價格、賣點與品牌風格,如果這些資訊邊做邊補,來回修改時間就會增加。

從蝦皮搜尋頁來看,消費者滑過商品時,通常先看到圖片、標題、價格與銷售數量。商品圖除了好看,也要讓人第一眼知道你在賣什麼、這個商品有什麼重點、值不值得點進去看。

如果你正在找蝦皮商品圖設計,可以先確認以下 5 件事。

蝦皮商品圖尺寸是多少?

蝦皮商品圖常見會以 1000 x 1000 px 的 1:1 方形圖製作,因為方形圖在手機瀏覽、商品列表與賣場頁面中比較容易維持穩定比例。

設計時可以先注意幾件事:

  • 商品主體不要太靠邊,避免縮圖或裁切時被吃掉。

  • 文字不要放太滿,手機縮圖狀態下仍要看得懂。

  • 重要賣點放在畫面中間偏上或視線容易掃到的位置。

  • 規格、尺寸、材質等細節可以放在後續圖片,不一定全部塞進首圖。

  • 如果同一組商品圖有 9 張,建議先規劃每張圖的任務,再開始排版。

尺寸只是基礎,真正影響閱讀的是內容分配。先決定哪一張負責吸引注意、哪一張負責說明規格、哪一張負責建立使用情境,整組圖片會比較容易看懂。

蝦皮商品圖尺寸建議多大?

蝦皮商品圖建議尺寸為 1000 x 1000 px(1:1 正方形),這是目前蝦皮商品主圖最常見也最穩定的尺寸。方形圖在手機瀏覽、商品列表和賣場頁面中都能維持穩定比例,不會被裁切或變形。

商品描述區(商品詳情)的圖片則不同,建議寬度至少 750px,常見做法是用 750 x 不限高的長條圖。描述圖片不需要是正方形,適合用比較長的版面詳細說明商品規格、材質、使用方式和注意事項。

設計商品圖時可以注意:

  • 商品主體不要太靠邊,避免縮圖時被吃掉

  • 文字不要放太滿,手機縮圖狀態下仍要看得懂

  • 描述圖每張只講一個重點,不要把所有資訊塞進同一張

  • 如果有多張描述圖,建議安排好閱讀順序:商品特色 → 規格細節 → 使用方式 → 注意事項

蝦皮賣場封面和 banner 尺寸是多少?

蝦皮賣場裝修有好幾種圖片版位,尺寸各不相同:

  • 賣場封面照:10:3 比例(寬 450 x 高 225 px),單張圖片

  • 輪播看板 Banner:2:1 比例(寬 1200 x 高 600 px),最多 5 張圖片或影片

  • 可自訂輪播看板:支援 2:1(2000x1000)、16:9(2000x1125)、1:1(2000x2000)三種比例

  • 簡易看板 Banner:1:1(寬 600 x 高 600 px),需上傳 2 張圖

  • 簡易圖片 Banner:寬 1200 px、高度 100-2200 px 彈性,最多 10 張

  • 分類清單圖:1:1(寬 300 x 高 300 px)

封面照是消費者進到你的賣場首頁時第一眼看到的,適合放品牌識別或主打商品。Banner 則適合放促銷活動、新品上架或季節主題。設計時要注意:

  • 重要資訊放在畫面中央,手機版左右兩側容易被裁切

  • 文字不要太小,手機版縮小後仍然要看得懂

  • 封面照只有 450x225 很小,不要塞太多文字,一個重點就好

  • 如果有活動日期,記得定期更新,不要讓過期的活動一直掛在封面

蝦皮商品圖要先處理搜尋頁點擊

蝦皮商品圖通常會先出現在搜尋結果、分類列表或推薦區。這些地方的畫面很擠,消費者不會慢慢讀完每一張圖,通常只用幾秒鐘判斷要不要點進去。

可以先把首圖當成搜尋頁門面來檢查:

  • 圖片縮小到手機列表時,商品本體還看得清楚嗎?

  • 首圖上的文字是不是太小,或一次放了太多賣點?

  • 標題前段有沒有放真正會被搜尋的商品關鍵字?

  • 價格與活動資訊是否會和首圖文字互相打架?

  • 同類商品排在一起時,這張圖有沒有清楚的辨識點?

如果商品有曝光但點擊很低,通常要先回頭看首圖和標題。首圖負責讓人停下來,標題負責讓平台和消費者知道商品是什麼,兩個要一起看,不能只改其中一邊。

1. 先確認你要做哪些圖片

蝦皮商品頁常見的圖片包含主圖、商品特色、規格說明、使用方式、情境展示、尺寸資訊、注意事項等內容。

委外前可以先列出你預計需要的圖片數量,例如:

  • 商品主圖

  • 商品特色圖

  • 使用情境圖

  • 尺寸或規格圖

  • 材質說明圖

  • 包裝內容圖

  • 常見問題圖

  • 活動或優惠圖

  • 品牌形象圖

予墨目前的蝦皮產品頁設計,是以一組 9 張設計作為常見規格。業主提供文案、產品圖片與風格參考後,予墨協助製作成定稿 JPG 圖片。

正式設計前,予墨會先看商品資料與圖片內容,協助整理整組商品圖的閱讀順序。哪些資訊適合放在前面吸引點擊,哪些內容適合放到後面慢慢說明,都會影響整組圖片的好讀程度。

如果你還不確定要做哪幾張,可以先用「消費者購買前會想知道什麼」來整理內容。常見問題通常就是商品圖需要回答的地方。

2. 先準備商品文案、規格與痛點

蝦皮商品圖裡的文字,通常會影響設計方向。標題長短、賣點數量、規格複雜度,都會影響版面安排。

委外前建議先準備這些資料:

  • 商品名稱

  • 商品特色

  • 商品想解決的痛點

  • 規格尺寸

  • 材質或成分

  • 使用方式

  • 包裝內容

  • 注意事項

  • 價格或活動資訊

  • 想放在圖片上的文字

商品痛點可以幫助設計師判斷哪個賣點要先被看見。例如消費者在意收納、省時、耐用、好清洗、尺寸剛好、送禮體面,這些痛點會影響首圖標語、規格圖順序與使用情境安排。

設計師拿到資料後,也會判斷哪些重點適合用標題說明,哪些適合用產品照片、局部放大、對照圖或規格整理呈現。這些前期規劃會影響後續排版,不是只把文字和圖片放進版面就好。

如果文案和痛點還沒整理好,設計師很難判斷每張圖要放多少資訊。文字太多,畫面容易擁擠;文字太少,商品優勢可能說不清楚。

先把資料整理清楚,後面設計會順很多。

3. 準備清楚的產品圖片與素材

蝦皮商品圖設計通常需要業主提供產品圖片。圖片品質會直接影響成品效果。

比較適合設計使用的素材包含:

  • 清楚的產品照片

  • 高解析圖片

  • 去背產品圖

  • 品牌 Logo

  • 包裝照片

  • 商品細節照

  • 情境照片

  • 品牌色或既有視覺素材

如果照片模糊、解析度太低、產品角度不足,設計能處理的空間會變少。簡單去背或調色可以依需求評估,但產品拍攝、手繪插圖、另行製作圖案,通常需要另外安排或另行報價。

委外前可以先檢查手上的圖片是否足夠清楚,也可以準備幾張你覺得重要的產品角度,讓設計師判斷圖片是否適合製作商品頁。

4. 提供風格參考,減少來回修改

風格參考可以幫助設計師更快理解你想要的方向。

你可以準備:

  • 喜歡的蝦皮商品頁截圖

  • 同類商品的設計參考

  • 品牌既有設計

  • 官網或社群視覺

  • 喜歡的配色

  • 不喜歡的風格範例

風格參考的用途,是讓雙方對「想要的感覺」有比較接近的理解。

例如你想要乾淨、生活感、可愛、專業、科技感、溫柔、簡約,每一種方向都會影響字體、配色、留白與圖片安排。比起只說「做有質感一點」,提供參考圖會更容易對齊。

5. 確認交付格式、修改次數與加價項目

找蝦皮商品圖設計前,也要先確認交付內容。

以予墨目前的蝦皮產品頁設計來說,常見交付為定稿 JPG 圖片。原始檔另計價,文案寫作也不是純設計方案的預設服務。

委外前可以先確認:

  • 會交付什麼檔案格式

  • 是否包含原始檔

  • 是否包含文案撰寫

  • 是否包含產品拍攝

  • 修改次數有幾次

  • 超出修改範圍怎麼計價

  • 急件是否會加收費用

  • 是否需要另外簽約與付款

這些資訊先確認,後面合作會比較清楚,也能避免把不同服務混在一起期待。

適合委外蝦皮商品圖設計的情況

如果你已經有商品資料、產品圖片與基本文案,但商品頁看起來比較凌亂,或圖片資訊沒有整理出閱讀順序,就很適合把商品圖交給設計師協助排版。

蝦皮商品圖設計可以協助你把現有資料整理成更清楚的視覺版面,例如讓標題更明顯、規格更好讀、產品圖片更有層次、整組商品頁看起來更一致。

如果你目前還沒有產品照片、商品文案或基本規格,建議先把資料準備好,再開始找設計師。這樣設計時間會比較集中,也比較容易做出符合需求的圖片。

找設計師前,可以先準備這份資料

你可以先整理一份簡單資料夾,裡面放:

  • 商品文案

  • 商品規格

  • 產品照片

  • Logo 或品牌素材

  • 風格參考圖

  • 想做的圖片張數

  • 需要放進圖片的重點文字

  • 交期需求

這份資料不需要很漂亮,只要清楚就好。設計師需要的是準確的內容,接著才有辦法把它轉成適合平台瀏覽的商品圖。

延伸閱讀:如果你想了解商品主圖怎麼設計才能提高點擊率,可以看商品主圖怎麼設計才會讓人想點?這篇文章。需要蝦皮商品圖設計或電商視覺規劃,歡迎到予墨的服務項目了解更多。

如果你已經準備好商品文案、產品圖片與風格參考,可以從 蝦皮商品圖設計與電商視覺服務 了解予墨的服務方式。

蝦皮商品圖設計商品主圖設計電商視覺設計賣場視覺設計
予墨製作所

予墨製作所

專注於品牌策略、電商視覺與行銷設計,協助品牌把既有資料整理成清楚、有層次、適合平台使用的視覺內容。

預約免費諮詢

對設計有任何問題?歡迎與我們聊聊

相關文章

LINE 諮詢