# 相册

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

<figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-11278fd477c26d8a455681a7693ec5e71a052900%2Fimage.png?alt=media" 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. **移动端优化**：确保在移动设备上测试媒体墙的展示效果，调整每张图片的列数设置，以确保在不同设备上的用户体验最佳。