香港作為亞洲重要的電子商務樞紐,擁有多元化的網購平台生態。從本地巨頭 HKTVmall 到國際平台 Amazon,每個平台對商品圖片都有不同的尺寸要求。而 360×360 像素 作為一個通用的正方形縮略圖規格,在多個平台之間找到了絕佳的平衡點。本文將系統比較香港主流電商平台的圖片規範,並提供一站式的批量 resize 策略。
HKTVmall 商品圖要求與實際顯示邏輯
HKTVmall 作為香港最大型的網上購物平台,其商品圖片系統具有以下特點:
- 主要商品圖(Primary Image):官方建議 800×800 至 2000×2000 像素,1:1 正方形比例。但在分類列表和搜尋結果中,實際顯示尺寸僅約 120-200px,這意味著 360×360 的縮略圖 在這些位置已經足夠清晰
- 縮略圖裁切行為:HKTVmall 的列表頁會將商品圖以正方形比例顯示,超出部分自動裁切。使用 360×360 的圖片可確保在裁切後仍保持完整的商品視覺
- 載入速度優化:HKTVmall 的伺服器會自動生成多種尺寸的縮圖。上傳過大的原始圖片反而會延遲首次商品圖的載入時間。使用 360×360 作為統一規格,有助於提升頁面載入速度和用戶體驗
- 最佳實踐:保留一組 800×800 以上的高解析度原圖,同時使用我們的批量 resize 工具生成 360×360 版本作為平台上傳用標準縮圖
Price.com.hk 格價平台的縮圖標準
Price.com.hk 是香港最具影響力的格價平台之一,其圖片系統有以下要求:
- 商品列表中的縮圖以 1:1 正方形 格式顯示,實際展示尺寸約 100-150px
- 平台對上傳圖片的大小限制較嚴格,過大的圖片可能導致上傳失敗或顯示異常
- 360×360 的優勢:這個尺寸遠超 Price 列表頁的實際顯示需求(2-3倍線性像素),確保圖片在 Retina 螢幕上依然清晰銳利,同時檔案大小適中,不會觸發平台的上傳限制
- 建議在 resize 的同時使用圖片壓縮工具,將檔案大小控制在 100KB 以內,以獲得 Price.com.hk 平台上的最佳載入速度
Carousell 旋轉拍賣的 1:1 方圖最佳實踐
Carousell 在香港二手交易市場佔有重要地位,其圖片系統以 1:1 正方形為核心:
- Carousell 強烈建議賣家使用 1:1 正方形圖片,非正方形圖片會自動被裁切,可能導致商品重要資訊遺失
- 平台上傳後的圖片在 Feed 中以 360×360 左右 的尺寸顯示——這與我們的工具規格幾乎完全一致
- 實際建議:先將商品圖片調整為 360×360,確保在 Carousell 的 Feed、搜尋結果和商品詳情頁中都能獲得完美的顯示效果
- 對於需要同時上架多個商品的賣家,我們的批量 resize 功能可以一次處理數十張商品圖,全部統一為 360×360,大幅提升上架效率
- 使用 Fill(裁剪填充)模式 可以確保商品主體完整填充正方形的 360×360 框架,獲得最佳的視覺衝擊力
跨境電商的通用 360×360 方案
不少香港賣家同時經營跨境電商業務,不同平台的圖片規格令人頭痛:
- Amazon Japan:商品主圖要求至少 1000×1000 以啟用縮放功能,但搜尋結果縮圖以約 200-300px 正方形顯示。建議保留 1000×1000 原圖的同時,縮小一份 360×360 版本用於外部引流和社交媒體推廣
- 淘寶/天貓:商品列表圖以 1:1 正方形為主流,實際顯示尺寸約 220-310px。360×360 的圖片在淘寶的無線端和 PC 端都能獲得統一的展示效果
- 日本樂天(Rakuten):樂天市場的商品圖片以 300×300 為基礎縮圖尺寸。使用 360×360 略大於此標準,可確保在樂天最新的響應式設計更新中不會出現模糊或像素化問題
- Shopify 通用方案:大部分 Shopify 主題的商品網格使用 300-400px 的正方形縮圖。360×360 作為一個中間值,在多數主題中無需額外裁剪即可完美顯示
批量處理一次完成的工作效率方案
結合以上各平台的需求,我們推薦以下高效率的工作流程:
- 第一步:準備高解析度的商品原圖(建議至少 1200×1200)
- 第二步:使用我們的工具,將所有圖片批量 resize 至 360×360,選用 Fill 模式 確保商品主體充滿畫面
- 第三步:將 resize 後的圖片分批上傳至各平台——同一張 360×360 的圖片同時滿足 HKTVmall 列表頁、Price.com.hk 縮圖、Carousell Feed 和跨境平台搜尋結果的需求
- 第四步:保留原圖,僅在各平台需要更高解析度的位置(如 HKTVmall 商品詳情頁、Amazon 主圖)使用原始大圖
- 這個流程將原本需要為每個平台單獨準備圖片的工序簡化為 一次批量處理+多次上傳,可節省 60% 以上的商品上架時間