網站圖片的建議尺寸規格

文章來源:幫助中心 / 發佈日期:2022.7.28

圖片使用建議

支援檔案格式與上傳大小限制

支援圖片格式:JPG / PNG / GIF
可上傳圖片之單檔最大容量 8MB

圖片優化處理

  • 避免直接使用拍攝原圖上傳,應縮放至實際所需寬高再行上傳,有助於加快頁面戴入速度。
  • 圖片檔案較大或單頁使用圖片張數過多時,建議使用圖片優化軟體處理後再行上傳。
  • 如要替代已上傳原圖時,應使用不同於原檔名之新檔案名稱,以避免戴入圖片錯誤。
  • 建議儘可能使用JPG圖檔,比PNG圖檔更節省網頁瀏覽頻寬。

關於圖片優化軟體,可參照 電商開店DIY的免費設計資源 一文

首頁

Logo

  • 桌面 Logo:建議使用高度 60px ~ 200px
  • 手機版 Logo:寬度最多 200px ,高度 50px or 50px 以上

favicon小圖示

使用寬高 48px x 48px 之PNG圖檔;如想因應更高解析度需求可上傳最多 512px x 512 px 圖檔

favicon 為出現於瀏覽器視窗列的小圖示

橫幅廣告

作為「電腦版」的首頁主視覺:

使用「固定版位」時圖片置中左右留白
寬度建議 1170px
使用「浮動版位」時圖片寬度幾乎佔滿螢幕
寬度建1960px 以上

作為「手機版」的首頁主視覺:
寬度建議 1200px

左圖右文/右圖左文

電腦版建議寬度: 570px
手機版建議寬度: 1200px

分享網址縮圖

寬高建議 1200px x 630px,縮圖將顯示於 Facebook 、 LINE的分享網址功能中

此為 Facebook 貼文中張貼網址的顯示縮圖

商品頁

商品圖

寬高建議 1200px * 1200px 或更高畫質1:1長寬比的尺寸

商品圖用於商品頁的主圖與下方縮圖

商品內文

寬度最多 1170px

一頁購物頁面


一頁商店/一頁購物活動頁面的內文區用圖,圖片寬度最多 737px。

其他頁面

營業據點的商店圖片

寬度 600px 以上

文章頁面的內文區

寬度最多 1170px

立即免費試用30天 !

請放心,我們不會預先收取任何款項費用