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

網站圖片尺寸建議

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

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

內容目錄 隱藏
1 電腦版商店 Logo
2 手機版商店 Logo
3 網站小圖示
4 商品影像 1
5 商品影像 2
6 圖片元件系列(圖片、圖片文字、輪播圖元件)

為避免影響網站讀取速度及網頁圖片排版受到影響,建議使用以下圖片素材尺寸:

  • 影像尺寸(長 x 寬)需小於 5000 萬畫素(MegaPixels),若超過此畫素將會無法正常顯示。 
  • GIF 圖片算法為:(長 x 寬 x 幀數) 不得超過 5000 萬畫素。
  • 若上傳影像為 GIF 格式,需注意幀數超過 50 幀(frame)時,會直接不處理多出來的 frame,可能會造成動畫圖中斷的可能。  
  • 圖片長與寬需小於 16384
  • 單張圖片不得過 19MB
  • 若上傳影像為 SVG 格式,建議不要在 SVG 內嵌入照片(點陣圖 jpeg, png, bmp etc),可能會導致頁面流量增加。

 

電腦版商店 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
  • 系統支援版本
  • 為何分享連結時縮圖無法正確預覽?
  • Facebook企業管理平台中的網域驗證
  • 常見問題 Q&A
還有其他問題嗎?
立即聯繫客服
manual
(02)2925-8922
[email protected]
週一至週五 10:00-12:00 & 14:00-17:00
新北市永和區中山路一段 311 號 5 樓

Company

關於我們
徵才
服務條款
隱私條款
  • © 2013-2021 meepShop Limited.

 

載入迴響中...