商品圖的尺寸規格,平台的賣家中心都有寫。

但沒有人告訴你另一件事:你的圖縮到列表大小、旁邊還有一整排競品的時候,還認不認得出來。

這篇講電商 商品圖的一致性怎麼做。

先講邊界:本文不給任何平台的具體尺寸數字。 那些會改版,寫了很快就過期,請以平台賣家中心的現行說明為準。

電商商品圖是什麼

電商商品圖指在購物平台上代表商品的視覺,包含列表頁的縮圖與商品頁的完整圖組。其設計需同時滿足平台規格與在並列競品中的辨識需求。

縮圖裡真正被看到的是什麼

這是本篇的核心,而且它跟多數人的直覺相反。

縮圖裡真正被看到的是什麼標誌在列表頁那個尺寸下,基本上是看不清楚的「在商品圖上放大 logo」通常不會解決辨識問那個尺寸下它只是一團真正產生辨識的是兩件事色塊:底色、主色的位置與面積構圖:商品擺在哪、留白多少、有沒有一致的角度
標誌的作用是在點進去之後確認身分,不是在列表頁被認出來。

在列表頁那個尺寸下,你的標誌基本上是看不清楚的。

真正產生辨識的是兩件事:

一、色塊。 底色、主色的位置與面積。

二、構圖。 商品擺在哪、留白多少、有沒有一致的角度。

→ 所以「在商品圖上放大 logo」通常不會解決辨識問題,因為那個尺寸下它只是一團。

永心甜品的牛皮紙包裝,棕底單色標誌
永心甜品的牛皮紙包裝,棕底單色。
初蝦的主視覺,深藍海面上的金色標誌
初蝦的主視覺,深藍海面。
色塊與構圖・實例
縮小之後先被認出來的是底色與構圖,不是標誌細節。

標誌的作用是在點進去之後確認身分,不是在列表頁被認出來。

顏色在辨識上的角色,我寫在品牌色該定幾個。標誌的最小尺寸在Logo 尺寸怎麼給

四個角落,有兩個不能放東西

這一段是實務上最常踩到的,而且踩到之後很難救。

平台會在你的縮圖上疊東西疊加的位置會變平台改版、辦活動、換版位的時候,蓋住的地方會不一樣行動版與桌面版不同同一張圖在兩邊被切掉的地方不一樣廣告版位又是另一套投放的時候可能再被裁一次
把四個角落都當成不可靠區域,重要的東西放中間。

平台會在你的縮圖上疊東西。

價格與折扣標籤、促銷活動的角標、收藏按鈕、廣告標示。

那些會蓋掉你放在角落的資訊。

要注意三件事:

一、疊加的位置會變。 平台改版、辦活動、換版位的時候,蓋住的地方會不一樣。

二、行動版與桌面版不同。 同一張圖在兩邊被切掉的地方不一樣。

三、廣告版位又是另一套。 投放的時候可能再被裁一次。

→ 實務上的做法是:把四個角落都當成不可靠區域,重要的東西放中間。

⚠️ 各平台的實際疊加位置請以該平台的賣家中心說明與實際畫面為準。

一致性怎麼做才不用每次重排

多數人的商品圖看起來很亂,原因只有一個:每一張都重新排。

做一套版型,三件事固定下來1固定構圖商品放在哪個位置、佔畫面多少比例、留白多少2固定色帶或色塊的位置這是縮圖辨識的主力3固定字級層級主標多大、副標多大、備註多大
這三件固定之後,換商品只要換圖與換字,不用重新設計。

做一套版型,三件事固定下來:

第一,固定構圖。

商品放在哪個位置、佔畫面多少比例、留白多少。

同一個品牌的所有商品用同一個構圖,那在列表頁上就會成套。

第二,固定色帶或色塊的位置。

這是縮圖辨識的主力。

一條固定位置的色帶,比一個放大的標誌有效得多。

第三,固定字級層級。

主標多大、副標多大、備註多大。不要每張圖自己決定。

永心甜品的菜單,品項分欄排列,主標與價格層級固定
固定字級層級・實例
永心甜品的菜單。主標、副標、備註各自固定的字級與位置,換品項只要換字。

→ 這三件固定之後,換商品只要換圖與換字,不用重新設計。

交檔的時候要多要兩個版本

電商用的商品圖需要的檔案跟印刷不一樣。

方形版。 平台的縮圖多半是方形,橫式的標誌在方形裡會很小。

去背版(透明背景)。 商品圖經常要換底色,沒有去背版每次都要重做。

永心甜品的方形版標誌,兩個正方形印章壓在白紙上
永心甜品的方形版,兩個正方形印章。
永心甜品的橫式標誌,文字與圖案左右排列
同一個標誌的橫式排列。
方形版與橫式・實例
橫式的標誌在方形裡會很小,所以要另外拿方形版。

這兩個版本要在交檔的時候一起拿到,說明在設計師交檔之後

順帶一提:應用延展通常是另外計費的項目。 商品圖版型算不算在設計費裡,發包的時候要問清楚。 外部行情可以參考PRO360 的價格行情頁(2025/7/25)。

實體包裝跟商品圖是兩件事

這一段要提醒,因為很多人以為拍一張包裝照就好。

實體包裝要處理的是法定標示、材質、印刷條件。 有食品就有標示規定,那一題在食品包裝設計前先確認標示

初蝦的包裝盒,標誌以燙金壓印在盒面上
實體包裝・實例
初蝦的包裝盒,燙金壓印。實體包裝要處理的是材質與印刷條件,跟商品圖的限制不同。

商品圖要處理的是縮圖辨識與平台疊加。

兩者的限制不同,所以不能共用同一個版本。

上架之前先查名字

電商上架之後,你的品牌名會出現在搜尋、在商品標題、在店鋪名稱。

那是公開且大量的使用。

智慧財產局商標檢索系統查一輪,公開免費。

常見問題

電商商品圖要多大

各平台的規格不同而且會改版,請以該平台賣家中心的現行說明為準。

比尺寸更重要的是你的圖在縮到列表大小、旁邊還有一整排競品的時候,還認不認得出來。

商品圖上要放 Logo 嗎

可以放,但不要指望它在縮圖上被看清楚。

縮圖尺寸下真正產生辨識的是色塊與構圖,標誌的作用是在點進去之後確認身分。

為什麼我的商品圖看起來很亂

多數原因是每一張都重新排。

沒有固定的構圖與色帶位置,商品換了圖就換一種樣子,那在列表頁上看起來就是不成套。

商品圖的角落為什麼不能放東西

因為平台會在縮圖上疊加價格、折扣、促銷標籤與收藏按鈕。

那些會蓋掉你放在角落的資訊,設計時要把那幾塊當成不可用區域。

上架之前先做這三件事

第一,把你的商品圖縮到手指甲大小看一次,那才是客人實際看到的尺寸。

第二,決定一個固定的構圖與色帶位置,之後所有商品都照它排。

第三,跟設計師要方形版與去背版,那兩個電商一定會用到。

問你一件事:你的商品圖放在一整排競品裡,認得出哪幾張是你的嗎?

認不出來的話,問題通常不在標誌大小。想確認你的版型該怎麼固定,跟我說一聲。


資料來源:Google Suggest 與 SERP 形式觀察實測日 2026-08-23(`hl=zh-TW&gl=tw`)。PRO360 價格行情頁(2025/7/25)。經濟部智慧財產局商標檢索系統。

⚠️ 本文刻意不給任何平台的具體尺寸與疊加位置。 那些規格會改版且各平台不同,

一律以該平台賣家中心的現行說明與實際畫面為準。

本文不含陳式設計的收費標準。