商品圖片比例決定了買家永遠看不到你規格圖的哪一塊。你匯出一張 16:9 的尺寸圖,上傳到一個用正方形縮圖呈現的賣場,平台會從左右兩側各切掉大約 22% 的寬度——而引線和公釐數字剛好就長在那裡。圖看起來還是好好的,尺寸卻不見了。
以下是一組專吃尺寸標示的裁切現場:每一種長什麼樣、為什麼會發生,以及匯出時改哪一個設定就能擋住它。文中所有平台數字都出自該平台自己公開的文件,所有百分比都是裁切本身的算術結果。
商品圖片比例究竟決定了什麼
商品圖片比例就是一張圖寬與高的比值——1:1 正方形、4:5 直式、3:2 或 16:9 橫式——它決定了賣場把你的檔案塞進固定形狀的版位時會留下哪一部分。賣場幾乎不會替商品圖補白邊做信箱式縮放,而是置中裁切、填滿整個版位。
問題全出在這一個行為上。置中裁切從不切照片的中間,它切的是邊緣——而邊緣正是你放數字的地方。
置中裁切的代價,純算術:
| 你匯出的是 | 版位呈現為 | 保留 | 總共失去 | 每邊失去 |
|---|---|---|---|---|
| 16:9 橫式 | 1:1 正方形 | 寬度的 56.3% | 43.7% | 21.9% |
| 3:2 橫式 | 1:1 正方形 | 寬度的 66.7% | 33.3% | 16.7% |
| 4:3 橫式 | 1:1 正方形 | 寬度的 75% | 25% | 12.5% |
| 1:1 正方形 | 4:5 直式 | 寬度的 80% | 20% | 10% |
| 1:1 正方形 | 2:3 直式 | 寬度的 66.7% | 33.3% | 16.7% |
| 4:5 直式 | 1:1 正方形 | 高度的 80% | 20% | 10%(上下兩邊) |
如果你把同一張圖同時丟到平台的商品格狀版面和社群圖冊,最後三列請看兩遍。同一個檔案,在一邊被切左右,在另一邊被切上下。沒有哪一種匯出能靠運氣兩邊都活下來——只有靠設計。
反面案例 1:16:9 的寬螢幕規格圖
**它長什麼樣:**一張漂亮的 1920 × 1080 沙發線稿圖,左邊標總寬、右邊標坐深,下面還有一支比例尺。到了搜尋結果的格狀版面裡,它變成一個方塊,沙發塞滿畫面,一個數字都沒有。
**為什麼會發生:**16:9 是幾乎所有錄影與簡報工具的預設畫布,於是順手也成了畫規格圖的預設畫布。而它剛好是正方形版位最糟糕的來源比例——一進去就掉 43.7% 的寬度。
**怎麼改:**一開始就在正方形或 4:5 的畫布上畫尺寸圖。如果產品真的很寬,就把產品縮小,而不是把畫布拉寬。你損失的是一點視覺份量,換回的是 100% 的標示。
反面案例 2:標示貼著畫布外緣
**它長什麼樣:**數字緊貼畫框邊緣,像工程製圖一樣對齊。重新裁切一次,「1200 mm」的那個「1」就沒了,只剩「200 mm」。
**為什麼會發生:**製圖習慣。在 CAD 裡,尺寸線本來就該畫在物件輪廓之外。但在電商平台上,物件輪廓之外就等於裁切區之內。
**怎麼改:**把畫布中央的 80% 當成唯一的安全範圍。四邊各留 10% 不是迷信,而是電商裡最常見的兩種比例轉換——1:1 轉 4:5、4:5 轉 1:1——各自吃掉的確切數量,兩者都是在受影響的那一邊各切 10%。凡是你失不起的東西,都得住在這個框裡。
Google 的圖片連結規定從另一個角度指向同一件事:Google 要求你把產品取景成佔據「不少於 75%、但不超過 90% 的整張圖片」。產品佔到 90% 時,你總共只剩 10% 的餘裕——也就是說,堆在產品輪廓外面的標示早就壓在裁切線上了。
反面案例 3:跑出畫面的引線
**它長什麼樣:**一支箭頭從櫃體左緣出發,指向畫布外一個已經不存在的數字。買家讀到的不是「標示掉了」,而是「這張圖是不是壞掉了」。
**為什麼會發生:**標示是照著原圖的邊界畫的,不是照著安全範圍畫的。
**怎麼改:**讓每一條引線的兩端——被量的那條邊和文字——都落在安全範圍內。一條尺寸線只要箭頭看得見、數字也看得見,它在裁切裡就是一個能自成一體的單位。位置怎麼擺,產品照標示裡講得更細。
反面案例 4:加外框
**它長什麼樣:**圖外面套一圈細細的灰線或黑線,好讓它看起來像份正式文件。
**為什麼會發生:**它在 PDF 型錄裡確實乾淨俐落,而型錄素材又被順手搬到賣場上。
**怎麼改:**刪掉。Google 的說法很直接:「請勿使用有外框的圖片。」撇開政策不談,外框是裁切第一個下刀的地方,買家看到的就是兩邊斷掉的半截框——低成本上架的典型視覺訊號。
反面案例 5:促銷文字和尺寸擠在同一張圖上
**它長什麼樣:**角落一個「免運」和一個爆炸價標籤,緊貼著一條正經的尺寸標示。
**為什麼會發生:**一位設計、一塊畫布,被派了兩份工作。
**怎麼改:**把它們分開,並且弄清楚界線在哪。Google 的圖片規定禁止在圖片中出現行動呼籲、價格資訊、促銷形容詞、浮水印,以及品牌或零售商名稱,除非那本來就是產品的一部分。描述性的尺寸文字不是促銷文字——「1200 mm」這個標示描述的是商品本身,和衣服吊牌上印的尺碼是同一回事。把兩者混在同一塊畫布上,才是讓一張真正有用的規格圖被促銷覆蓋層過濾器攔下來的原因。
這是這個類別裡被矯枉過正得最嚴重的一條規則。賣家聽到「圖上不能有文字」,就把尺寸標示全撤了,然後開始納悶售前問尺寸的人怎麼愈來愈多。這條規則針對的是行銷文案,不是量測數據。
反面案例 6:匯出尺寸太小
**它長什麼樣:**一張 900 × 900 px 的圖,在你筆電上看得一清二楚,進了放大檢視就是一團灰糊。
**為什麼會發生:**匯出尺寸是照著你眼前那個版面訂的,不是照著平台會呈現的最大版位訂的。
**怎麼改:**往大的匯出,讓平台自己縮。Google 的圖片連結規定寫明圖片至少要 500 × 500 px,建議 1500 × 1500 px 或更大,上限是 64 百萬像素、單檔 16 MB。放大時第一批陣亡的就是細標示線和只有 2 mm 高的數字,所以規格圖真正的底線不是平台的最低要求,而是「經過平台自己那套壓縮之後,你最小的那個數字還認得出來」。
真正有公開文件的那幾個比例
多數平台把圖片規則放在賣家後台裡、藏在登入之後,這也是為什麼網路上大半建議都是二手轉述。以下這幾個是你可以公開查到、也能引用的:
| 平台 | 公開文件裡的規定 | 對標示的意義 |
|---|---|---|
| Google 購物 / 免費商品資訊 | 至少 500 × 500 px;建議 1500 × 1500 px 或更大;上限 64 MP、16 MB;產品佔畫面 75–90%;不得有外框;不得有促銷覆蓋層或浮水印 | 對正方形友善、取景偏緊,所以盡量把標示放進產品自身的外接範圍內 |
| 建議 2:3(1000 × 1500 px);寬高比超過 2:4.2 的 Pin 會在動態消息裡被截斷 | 正方形規格圖在這裡每邊失去 16.7%;老實做一版直式的,別拿方圖硬撐 | |
| Shopify 佈景主題 | 商品媒體會被算進響應式容器,通常是正方形;佈景主題程式碼一般以 2048 px 請求圖片 | 同一商品整組圖片維持同一比例,圖庫切換時才不會跳動 |
至於 Amazon、Walmart、eBay 和 Etsy,請到自己的賣家後台看當前的圖片規定,別信部落格上的表格——那些頁面改起來是不發通知的,而你在自己帳號底下能核實到的那個版本,才是真正管著你商品頁的版本。這些規則在各平台之間差在哪,商品圖安全範圍裡有一份橫向對照。
怎樣徹底不再掉標示
真正耐用的辦法不是把裁切猜得更準,也不是背下每個平台的商品圖片比例。而是別再把規格圖當成「一張照片上面蓋了些文字」,改成把它當成「綁定在影像上的量測數據」。
當尺寸被鎖在產品真實、量過的邊緣上——量測貼齊到邊,標示位置由這個錨點推導出來——那麼重新匯出 1:1、4:5 和 2:3 就變成重新算圖,而不是重畫一遍。數字始終黏著它所量的那條邊,每一次匯出都落在目標比例上,安全範圍也自動被顧到了。這和一般圖片編輯器拉一個文字方塊是兩回事,和 AI 生圖更是兩回事——AI 會很樂意生給你一個看起來挺像樣的「1200 mm」,而它從來沒有量過任何東西。看起來像比沒有更糟:一個被買家信了的杜撰數字,就是一筆還沒送出的退貨。這類工具的橫向比較在替產品照加尺寸標示的工具裡,而同一套「照量測匯出」的邏輯,也正是讓多頁規格表在整本型錄裡保持一致的原因。
匯出前的安全範圍檢查清單
任何一張規格圖離開你電腦之前,先跑一遍:
- 畫布是 1:1 或 4:5——不是 16:9,也不是隨手裁的照片比例
- 每一個數字和箭頭都落在畫布中央 80% 之內
- 沒有任何一條引線碰到或穿出畫框邊緣
- 沒有外框、沒有陰影框、沒有裝飾線條
- 放尺寸的這塊畫布上沒有價格、沒有「特價」、沒有浮水印、沒有 logo
- 最長邊至少 1500 px,檔案小於 16 MB
- 檔案縮到 300 px 縮圖之後,最小的那個數字仍然認得出來
- 如果要發到 2:3 的版位,另外備一版直式的
- 同一個產品的所有圖片共用同一個比例
常見問題
商品圖片該用什麼比例?
最保險的商品圖片比例是:平台格狀版面用正方形(1:1),直式優先的版位用 4:5,兩者都從同一套正方形安全版面匯出。正方形是最寬容的來源比例,因為離開它最常見的兩種轉換——轉到 4:5 再轉回來——每次只在受影響的那一邊花掉 10%。貴的是橫式:16:9 一進正方形版位,寬度立刻少掉 43.7%。
我的商品圖在平台上為什麼會被裁掉?
因為賣場是靠置中裁切去填滿固定形狀的版位,而不是補白邊,所以圖片中超出那個形狀的部分會被直接丟掉。這不是 bug,也不是上傳失敗,而是正常的適配行為,而且它永遠先從邊緣下手。
商品圖上可以寫尺寸嗎?
副圖和資訊圖上可以,而且這是你能放在那裡、價值最高的東西之一。平台限制的是促銷覆蓋層——價格、行動呼籲、浮水印、品牌標章。Google 的圖片規定把這幾類點名列了出來。量測標示屬於描述性的商品資訊,不是行銷文案。主圖版位的規則請到自己的賣家後台確認,那通常是限制最嚴的一個。
一張正方形圖是不是到哪都能用?
它幾乎到哪都能用,但「幾乎」不等於「都」。Pinterest 建議 2:3,超過 2:4.2 的 Pin 會被截斷,所以正方形素材在那裡不是每邊被切 16.7%,就是顯示得比原生直式 Pin 小一圈。如果某個版位對你的流量有份量,就替它單獨匯一版,別接受那個裁切。
安全範圍到底有多大?
把所有你失不起的東西留在畫布中央的 80% 裡——四邊各 10% 的邊距。這個邊距是推算出來的,不是隨口訂的:1:1 轉 4:5 時每邊正好切掉這麼多,4:5 轉 1:1 時上下也正好切掉這麼多。
