• 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析
  • 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析

網站圖片尺寸建議

meepShop為提升網站瀏覽的速度與圖片品質,將圖檔顯示與壓縮技術做升級優化,我們減少.gif壓縮之比例,讓.gif動態圖畫質更不失真。

我們使用新的壓縮技術將可降低原本.jpg圖檔的大小,使網站圖片顯示的速度能更加快速,讓您的顧客有更優質的購物體驗。

內容目錄 隱藏
1 上傳限制與建議
1.1 🖼️ 影像尺寸限制
1.2 支援檔案格式: jpeg、jpg、png、gif、svg、ico
1.3 🎞️ GIF 相關規範
1.4 📁 各格式檔案大小限制
1.5 ⚠️ SVG 使用注意事項
2 電腦版商店 Logo
3 手機版商店 Logo
4 網站小圖示
5 商品影像 1
6 商品影像 2
7 圖片元件系列(圖片、圖片文字、輪播圖元件)
  • 上傳限制與建議

    為確保系統效能與影像顯示品質,請留意以下影像上傳規範:


    🖼️ 影像尺寸限制

    • 支援檔案格式: jpeg、jpg、png、gif、svg、ico

    • 影像尺寸(長 × 寬)需 小於 5,000 萬畫素(MegaPixels)。

    • 任一邊長度不可超過 16,000 像素。

    • 影像長寬相乘上限為 5,000 萬畫素。

    🎞️ GIF 相關規範

    • GIF 的演算方式為 長 × 寬 × 幀數 ≤ 5,000 萬畫素。

    • 若 GIF 幀數 超過 50 幀,超過的部分將不予處理,可能導致動畫中斷。

    • GIF 檔案大小上限為 15 MB。

    📁 各格式檔案大小限制

    • jpeg / jpg / png / ico / svg:上限 10 MB

    • gif:上限 15 MB

    ⚠️ SVG 使用注意事項

    • 建議 不要在 SVG 中內嵌點陣圖(如 jpeg、png、bmp 等),可能造成頁面流量偏大並影響載入速度。

 

電腦版商店 Logo

  • 尺寸規則:Logo 尺寸會依選單高度設定值做等比例縮放,選單高度預設值為 60px
  • 解析度建議:為有最佳的解析度效果,圖片寬度建議至少為 250px
  • 建議圖片格式 :svg、png、gif、jpg

 

手機版商店 Logo

  • 尺寸規則:手機版 Logo 顯示範圍尺寸為 60 * 250px,任一長寬超出或小於範圍會做等比例縮放
  • 建議圖片格式: svg、png、gif、jpg
 

網站小圖示

  • 說明:網頁小圖示會依瀏覽器出現在分頁名稱旁、書籤、歷史紀錄等位置,且因瀏覽器快取問題,小圖示可能不會立即變更
  • 尺寸規則:圖片比例需為 1:1
  • 建議大小: 32 * 32px
  • 建議圖片格式:ico、png、gif、jpg
 

商品影像 1

  • 建議寬度:800px ~ 1000px
  • 建議影像尺寸:最大長寬為 5000 * 5000px

*目前影像 1 在商品主圖的顯示樣式只有一種,所以現狀是 800px 就會很夠用

 

商品影像 2

  • 建議寬度:1000px ~ 1600px
  • 建議影像尺寸:最大長寬為 5000 * 5000px

 * 基本上,影像 2 的使用情境,非常少會有將圖片寬度使用到 100% 的情況,其實 1000px 的寬度就非常夠用了

 

圖片元件系列(圖片、圖片文字、輪播圖元件)

  • 建議影像尺寸:最大長寬為 5000 * 5000px
  • 一般的單張圖片  : 建議寬度:1000px ~ 1600px
  • 滿版螢幕全寬圖片:  建議寬度:2000px ~ 3000px

* 圖片元件的建議大小要端看一排螢幕寬度有幾張圖片,需要注意的是建議使用解析度為72,過高的解析度會造成讀取過慢喔! 

 

 
Related Articles
  • 千萬營收原來這樣做-meepShop 17年實戰電商課
  • 系統支援版本
  • 為何分享連結時縮圖無法正確預覽?
  • Facebook企業管理平台中的網域驗證
  • 常見問題 Q&A
© 2013-2025 meepShop Limited.
 

載入迴響中...