> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】建議圖片尺寸

|| 以下的尺寸僅供建議參考用途而已，你可按照你的需求或情況自行調整圖片解析度/尺寸

## 一、介紹

您也許不知道，您網店中的圖片例如滾輪或商品圖片，其大小會自動根據訪客使用的目尺寸而做出調整。但是我們瞭解在您製作或上傳圖片時，若有可參考的圖片尺寸將會對您有幫助。我們將在這篇文章中與您分享建議使用的圖片尺寸。

## 二、首頁圖片

以下主要是用於全屏佈景主題首頁中的圖片，建議使用的圖片尺寸如下：

* 電腦版輪播 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
    
* 部落格與文章圖片 :  **16:9 比例**。例如：`1600 × 900 px`、`1200 × 675 px`
    
* 商品分類圖片 （電腦版 & 手機版） : 1000 x 1000px
    
* Featured products 精選商品 （電腦版 & 手機版） : 480 x 480 px

* 橫幅圖片 ：1:1 比例或正方形

## 三、其它圖片

**一列一圖**

一列一圖大多是指商標或者滾輪圖片。我們建議最大的圖片寬度為 **1600px**。  

![](https://storage.crisp.chat/users/helpdesk/website/7ff653e19affa400/db213959-fdd9-4ac5-91c3-3c6b8f_avyn01.png)

**一列二圖**

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

![](https://storage.crisp.chat/users/helpdesk/website/d918d2a4bfd51800/f4607473-1f0c-462a-a84f-dcd419_1hf61vy.png)

**一列四圖**

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

![](https://storage.crisp.chat/users/helpdesk/website/b9435bbcdca0f800/0ac761aa-1706-49bd-b714-b01187_1q66q7f.png)

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

**Logo 列表: 300 x 180 px**

![](https://storage.crisp.chat/users/helpdesk/website/61bd63335644ec00/058d648a-51e2-4fcb-a806-9e5ebd_1l9gwmv.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/da90f5dc5ebbe00/49ec0050-0304-4fbd-a9a3-4ef16a_kby6ru.png)

**Logo List:**

![](https://storage.crisp.chat/users/helpdesk/website/348b9d190178fa00/3d5b87e5-3eb9-45a8-8bf2-0cd2a2_rql628.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/6f612930cfa2fc00/5fbbd8fb-84d6-4430-903d-b4d4a4_1ud3cyy.png)