# 相册

图片相册板块允许商家在页面上展示多张图片，支持自定义每张图片在页面中的排列布局。您可以通过设置图片的**宽度**和**高度**列数，创建具有视觉冲击力的媒体展示效果。该板块适用于推广商品图片、展示品牌故事或营造页面视觉氛围。

<figure><img src="/files/gMXSGHcR4ED3k1MNirVp" alt=""><figcaption></figcaption></figure>

### **功能特点**

1. **图片自定义列数**：每张图片都可以单独设置宽度和高度列数，灵活布局。PC 端最多支持 **4 列宽度**和 **2 列高度**，手机端最多支持 **2 列宽度**和 **4 列高度**。
2. **响应式设计**：根据设备（PC 或移动端）自动调整图片的布局，确保页面在各种屏幕尺寸下的展示效果一致。
3. **多图展示**：支持上传多张图片，帮助商家展示多个产品、品牌故事或其他视觉元素。
4. **图片缩放与比例控制**：可以通过列数设置控制图片的尺寸和比例，创建规则或不规则的网格效果。

### 图片尺寸建议

#### PC 端尺寸

电脑端最小单元尺寸建议为 **400 x 300px .jpg**（宽 1/4，高 1/2），其它单元尺寸可按宽高比例计算，例如宽 2/4、高 2/2 的单元建议尺寸为 **800 x 600px .jpg**。

#### 手机端尺寸

手机端最小单元尺寸建议为 **320 x 240px .jpg**（宽 1/2，高 1/4），其它单元尺寸按比例计算，例如宽 2/2、高 2/4 的单元尺寸为 **640 x 480px .jpg**。

### **使用建议**

1. **丰富的图片内容**：建议上传风格统一的高质量图片，保持视觉上的一致性，有助于提升页面整体美感。
2. **合理使用列数设置**：通过控制每张图片的宽度和高度列数，可以为重要图片预留更多展示空间，也可以通过对比创建引人注目的视觉层次感。
3. **品牌故事展示**：除了展示产品图片，您还可以使用媒体墙讲述品牌故事、展示活动瞬间或宣传新品，以提升品牌认知度。
4. **移动端优化**：确保在移动设备上测试媒体墙的展示效果，调整每张图片的列数设置，以确保在不同设备上的用户体验最佳。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/xiang-ce.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.