【官網設計】建議圖片尺寸
以下的尺寸僅供建議參考用途而已,你可按照你的需求或情況自行調整圖片解析度/尺寸
您也許不知道,您網店中的圖片例如滾輪或商品圖片,其大小會自動根據訪客使用的目尺寸而做出調整。但是我們瞭解在您製作或上傳圖片時,若有可參考的圖片尺寸將會對您有幫助。我們將在這篇文章中與您分享建議使用的圖片尺寸。
以下主要是用於全屏佈景主題首頁中的圖片,建議使用的圖片尺寸如下:
電腦版輪播 slider: 1400 x 700px / 1920 x 1080
手機版輪播 slider: 700 x 800px
Image with Text 帶文字的圖片:1200px x 800px
Center content 中心內容 (電腦版) : 1400 x 700px
Center content 中心內容 (手機版) : 600 x 800px
Featured collection 特色商品目錄: 850 x 850px
Testimonial slider 精選推薦輪播: 1280 x 600px
Logo 列表: 300 x 180px
Favicon Icon 網站標題列圖示 : 16 x 16px
商品圖片 : 480 x 480 px
Promotional Banner 宣傳欄 (電腦版) : 1400 x 700px
Promotional Banner 宣傳欄 (手機版) : 700 x 800px
商店 Logo: 600 x 300px
部落格與文章圖片 : 1300 x 520px
商品分類圖片 (電腦版 & 手機版) : 1000 x 1000px
Featured products 精選商品 (電腦版 & 手機版) : 480 x 480 px
橫幅圖片 :1:1 比例或四方形
一列一圖
一列一圖大多是指商標或者滾輪圖片。我們建議最大的圖片寬度為 1600px。

一列二圖
一列二圖多被用于首頁內容來展示品牌或商品分類。我們建議一列二圖使用的圖片最大寬度為 1200px。

一列四圖
一列四圖通常是指在首頁展示的特色商品,或者是首頁內容中的品牌或商品分類。建議一列四圖使用的圖片最大寬度為 800px。

商店 Logo: 600 x 300 px
Favicon Icon 網站標題列圖示**: 16 x 16 px**
Logo 列表: 300 x 180 px

Logo與Favicon Icon會呈現在以下位置:

Logo List:

Logo List會呈現在您官網頁尾:

一、介紹
您也許不知道,您網店中的圖片例如滾輪或商品圖片,其大小會自動根據訪客使用的目尺寸而做出調整。但是我們瞭解在您製作或上傳圖片時,若有可參考的圖片尺寸將會對您有幫助。我們將在這篇文章中與您分享建議使用的圖片尺寸。
二、首頁圖片
以下主要是用於全屏佈景主題首頁中的圖片,建議使用的圖片尺寸如下:
電腦版輪播 slider: 1400 x 700px / 1920 x 1080
手機版輪播 slider: 700 x 800px
Image with Text 帶文字的圖片:1200px x 800px
Center content 中心內容 (電腦版) : 1400 x 700px
Center content 中心內容 (手機版) : 600 x 800px
Featured collection 特色商品目錄: 850 x 850px
Testimonial slider 精選推薦輪播: 1280 x 600px
Logo 列表: 300 x 180px
Favicon Icon 網站標題列圖示 : 16 x 16px
商品圖片 : 480 x 480 px
Promotional Banner 宣傳欄 (電腦版) : 1400 x 700px
Promotional Banner 宣傳欄 (手機版) : 700 x 800px
商店 Logo: 600 x 300px
部落格與文章圖片 : 1300 x 520px
商品分類圖片 (電腦版 & 手機版) : 1000 x 1000px
Featured products 精選商品 (電腦版 & 手機版) : 480 x 480 px
橫幅圖片 :1:1 比例或四方形
三、其它圖片
一列一圖
一列一圖大多是指商標或者滾輪圖片。我們建議最大的圖片寬度為 1600px。

一列二圖
一列二圖多被用于首頁內容來展示品牌或商品分類。我們建議一列二圖使用的圖片最大寬度為 1200px。

一列四圖
一列四圖通常是指在首頁展示的特色商品,或者是首頁內容中的品牌或商品分類。建議一列四圖使用的圖片最大寬度為 800px。

商店 Logo: 600 x 300 px
Favicon Icon 網站標題列圖示**: 16 x 16 px**
Logo 列表: 300 x 180 px

Logo與Favicon Icon會呈現在以下位置:

Logo List:

Logo List會呈現在您官網頁尾:

更新時間: 07/02/2025
感謝!