2026 電商設計尺寸規格大全｜各平台最新版整理
🔍 核心重點
問題： 我們同時在蝦皮、momo、PChome、官網、Instagram、Facebook 廣告等多個通路上架，每個平台的主圖、副圖、橫幅尺寸全都不一樣，每次大檔期前光是切版就要做 2 週 — 有沒有一份隨時可查的 2026 規格表？
解決方案： 有的。這份對照表整理了 2026 年台灣電商主流平台的最新尺寸規格、安全範圍、文字限制與設計建議，並補上品牌官網與社群通路的常見尺寸。更重要的是，文末提供一套「一份主視覺 → N 種尺寸自動輸出」的 AI 工作流方法，讓你下次大檔期不用再從頭手刻。
📑 目錄
- 為什麼電商設計尺寸這麼難管？2026 年的 3 個變動趨勢
- 蝦皮（Shopee）規格完整表
- momo 購物網規格完整表
- PChome 24h、線上購物規格完整表
- 品牌官網 hero banner 與商品頁規格建議
- 社群與廣告通路（IG、FB、LINE、TikTok）規格完整表
- 一份主圖如何自動輸出多平台版本？
- FAQ
📐 為什麼電商設計尺寸這麼難管？2026 年的 3 個變動趨勢
電商設計規格不只是一張表，它每年都在變動。2026 年值得關注的三個趨勢：
- 多裝置適配變嚴： 行動裝置佔台灣電商流量已超過 80%，平台對「行動端優先」的素材檢核越來越嚴格。
- 影音素材比重提升： 主流平台都在主推影片主圖、商品短影音，影片規格成為新常態。
- AI 內容揭露： 部分平台與廣告投放系統開始要求標註是否使用 AI 生成內容，影響素材命名與資產管理流程。
掌握這些趨勢之後，再看下面的規格表會更有方向。
🛒 蝦皮（Shopee）規格完整表
商品圖
- 主圖：1:1（建議 1024 x 1024 px 以上）
- 副圖：最多 9 張，建議 1024 x 1024 px
- 商品影片：1:1，10–60 秒，30 fps，MP4
- 文字佔比建議：不超過畫面 30%
賣場素材
- 賣場 banner：2160 x 600 px（PC 端）
- 收藏卡片：800 x 400 px
- 限時優惠縮圖：800 x 800 px
設計重點
蝦皮消費者習慣高對比、強折扣標籤的設計風格，建議在主圖角落保留「優惠標籤」可置入區。賣場 banner 在不同裝置上會有裁切，重要訊息需置於中央安全範圍 1500 x 600 px 以內。
🛍️ momo 購物網規格完整表
商品圖
- 主圖：1:1（建議 800 x 800 px 以上，最佳 1200 x 1200 px）
- 副圖：5–8 張，與主圖同尺寸
- 商品影片：16:9 或 1:1，最長 60 秒
- 副圖建議內容：使用情境 x 2、規格說明 x 1、認證 / 比較 x 1、組合配件 x 1
行銷素材
- 大型 banner：1920 x 600 px（首頁版位）
- 分類頁 banner：1280 x 320 px
- App push 縮圖：750 x 400 px
設計重點
momo 消費者偏好乾淨、白底、強調品牌信任的設計。慎用「最低價」、「全網最便宜」這類絕對化字眼。副圖的順序對轉換率影響非常大，建議第二張就放「使用情境圖」而不是「規格圖」。
🛒 PChome 24h、線上購物規格完整表
商品圖
- 主圖：1:1（建議 1000 x 1000 px 以上）
- 副圖：最多 5 張
- 商品影片：1:1 或 16:9，30 秒以內
- 商品說明圖：寬度建議 750 px，高度不限
行銷素材
- 首頁 banner：1920 x 360 px
- 24h 限時搶購縮圖：600 x 600 px
- App 推播圖：720 x 360 px
設計重點
PChome 24h 的消費者特別重視配送速度與品牌信任，主圖建議搭配「24h 出貨」、「原廠保固」等信任標籤，但避免在主圖上堆滿太多文字。商品說明圖（PDP 內頁）是 PChome 上最容易被忽略的素材，但它對轉換率影響超過 30%。
🌐 品牌官網 hero banner 與商品頁規格建議
Hero Banner（首頁主視覺）
- PC 桌機：1920 x 1080 px（16:9）或 1920 x 800 px
- 手機：1080 x 1920 px（9:16）或 750 x 1334 px
- 影片背景：H.264，20 MB 以下，支援 5–10 秒循環
- 安全範圍：核心訊息置中 1200 x 600 px 內
商品頁
- 商品主圖：1:1（建議 2000 x 2000 px，方便縮放與 zoom）
- 細節圖、情境圖：建議寬度 1500 px 以上
- LCP 友善建議：使用 WebP / AVIF 格式，主圖檔案小於 200 KB
設計重點
品牌官網是少數能完全主導視覺的場域，建議用「品牌調性」去區隔通路平台。例如蝦皮主圖貼貼紙，但官網 hero banner 應該乾淨、留白，並承載品牌故事。
📱 社群與廣告通路（IG、FB、LINE、TikTok）規格完整表
- 貼文：1:1（1080 x 1080 px）、4:5（1080 x 1350 px）
- 限時動態 / Reels：9:16（1080 x 1920 px）
- Reels 短影音：9:16，最長 90 秒
- 廣告主圖：1080 x 1080 px（1:1）或 1200 x 628 px（1.91:1）
- 動態貼文：1080 x 1080 px
- 影片廣告：1:1 或 4:5，最長 240 秒（動態）/ 15 秒（限動）
LINE
- 廣告主圖：1080 x 1080 px
- 官方帳號封面：1080 x 878 px
- 圖文選單：2500 x 1686 px（最大 6 格）
TikTok
- 影片：9:16（1080 x 1920 px），最佳長度 15–60 秒
- 廣告影片首 3 秒最關鍵，建議將品牌 logo 與核心賣點前置
關鍵洞察： 同一個品牌在 5–8 個通路同時鋪素材時，最大的成本不是「設計」，而是「規格切版」與「版本管理」。這正是設計自動化能 5–20 倍提速的場景。
🤖 一份主圖如何自動輸出多平台版本？
當你有 1 套主視覺，但需要產出 12–20 個尺寸版本時，傳統做法是設計師手動切版，整個流程耗時 1–2 天。AI 工作流的做法是：
步驟一：建立「跨平台模板組」
把上面所有的尺寸規格抽象化為模板，模板內鎖定品牌字型、色票、Logo 位置。
步驟二：上傳一份主視覺與商品資料
包含商品照、品牌 logo、賣點文案、價格資訊。系統會自動分析主視覺的構圖，並建議在不同尺寸下的裁切位置。
步驟三：批次生成多平台版本
ingenOPS 的 AI 視覺編輯器會在幾分鐘內輸出 12–20 個版本，並依品牌規範做合規檢查。
步驟四：自動歸檔到 DAM
museDAM 會以結構化標籤自動分類（平台、檔期、SKU、語系），讓行銷團隊與廣告投手隨時調用。
延伸閱讀： 電商檔期素材量太大？這套流程讓準備時間縮短 80% 詳細說明了如何把多平台素材的準備時間壓縮 80%。
🤝 想讓多平台規格切版不再吃掉你的設計工時？
立即諮詢我們的解決方案顧問，為您的多通路素材製作挑戰尋找出路。
❓ FAQ
Q1：規格表多久會更新一次？
蝦皮、momo、PChome 等平台通常每年微調 1–2 次規格，主要在年中與年底。社群平台（IG、TikTok）的規格更新更頻繁，特別是新版位（Reels、Shopping、Shorts）剛推出時。建議追蹤平台官方賣家中心，並把規格資料以結構化方式存入 DAM，更新時只需改一處、其他套用全部更新。
Q2：副圖數量越多越好嗎？
不是。蝦皮 / momo / PChome 對副圖張數都有上限，重點是「資訊優先順序」。建議第一張：主圖；第二張：使用情境；第三張：規格 / 尺寸對照；第四張：認證 / 比較；第五張：組合配件或售後服務。資訊重複的副圖反而會降低點擊率。
Q3：商品影片真的會明顯提升轉換率嗎？
依品類差異很大。家電、3C、運動服飾這類「需要展示功能」的商品，影片可帶來 15%–30% 的轉換率提升；但純色去背的標準消費品，影片影響力較小。建議先從「核心商品 + 高客單價商品」開始試做，量測後再擴大。
Q4：跨平台同一張主圖會不會被判定重複內容？
平台演算法目前主要鎖「商品內容」與「賣家資訊」的重複，主圖視覺相同通常不會被罰。但建議至少在「文字資訊」與「貼紙」上做差異化，呼應每個平台的消費者習慣，這對 CTR 也有實質幫助。
Q5：設計自動化適合多大規模的品牌使用？
從 50 SKU 起就開始有效益。當你 SKU 數超過 200，且同時在 3 個以上通路鋪貨，設計自動化的 ROI 會非常明顯。MUSE AI 的客戶中，年營業額在新台幣 2 億 ~ 50 億的中大型電商品牌，受益最直接。
📚 參考資料
- 蝦皮賣家中心、momo 商家後台、PChome 賣家平台公開規範（2026 年版）
- Meta Business Suite Image Guidelines 2026
- TikTok for Business Creative Best Practices 2026
- LINE Ads Platform Specifications 2026
- MUSE AI ingenOPS、museDAM 產品文件（內部資料,2026）