> ## 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).

# 【官网设计】建议图片尺寸

###### 在这篇文章中：
1. [简介](#2-1)
2. [首页图片](#2-2)
3. [其他图片](#2-3)

---
## 1. 简介

您也许不知道，您网店中的图片例如滚轮或商品图片，其大小会自动根据访客使用的目尺寸而做出调整。但是我们了解在您制作或上传图片时，若有可参考的图片尺寸将会对您有帮助。我们将在这篇文章中与您分享建议使用的图片尺寸。

**📌 重要提醒 :** 
* 您可上传的图片格式为 **gifs. png. jpeg. jpg.**  
* 为了提升图片观感，我们新增了 **使用原始画质图片** 的选项。启用后，您的店铺将展示原始尺寸和格式的图片，让细节更清晰。您可以在 [布景主题] 进行设置。
   →  **Candy** 之前的主题：销售渠道 > 线上网店 > 布景主题 > 一般设置 > 勾选 “使用原始图像画质”
   →  **Aroma** 之后的主题 ：销售渠道 > 线上网店 > 布景主题 > 个性化布景主题 > 设定 > 图片 > 勾选 “使用原始画质图片”


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/5zu54mh_1hmodqk.png)

* 您可以编辑图片标题（图片ALT文本）。设置图片名称有助于提升网站/产品搜索引擎优化 (SEO)。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1ng172s.png)

---

## 2. 首页图片

以下主要是用于全屏布景主题首页中的图片，建议使用的图片尺寸如下 **(width x height) **：

* 电脑版轮播 slider : 1400 x 700px
* 手机版轮播 slider : 700 x 800px
* Center content 中心内容 (电脑版) : 1400 x 700px
* Center content 中心内容 (手机版) : 700 x 800px
* Featured collection 特色系列 : 850 x 850px
* Featured products 特色产品（电脑版 & 手机版） : 800 x 800px
* Testimonial slider 证言滑块 : 1280 x 600px
* 标志列表 : 300 x 180px
* 邮箱的 Logo: 150 x 60px
* 商品图片 : 800 x 800px
* 宣传栏（电脑版） : 1400 x 700px
* 宣传栏（电脑版）：700 x 800px
* 商店 Logo: 600 x 300px
* 网站图标 : 16 x 16px
* 部落格与文章图片 : 1200 x 630px
* 商品分类图片（电脑版 & 手机版）: 1000 x 1000px

---

## 3. 其他图片

* **1-一列一图**

1- 一列一图大多是指商标或者滚轮图片。我们建议最大的图片宽度为 **1600px** 。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_929t44.png)

* **2-一列二图**

2- 一列二图多被用于首页内容来展示品牌或商品分类。我们建议一列二图使用的图片最大宽度为 **1200px**。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1cdze6q.png)

* **4- 一列四图**

4- 一列四图通常是指在首页展示的特色商品，或者是首页内容中的品牌或商品分类。建议一列四图使用的图片最大宽度为 **800px** 。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wrru1f.png)