# 背景设置效果

草料二维码编辑器支持四种背景设置方式，在编辑页面点击「背景设置」即可开始配置。

![背景设置入口](https://blogcdnimg.clewm.net/2025/12/image-1765857200568_17658572009325.png)
图片说明：后台编辑页面中“背景设置”功能的配置界面，用于选择和调整页面背景效果及显示参数。

## 一、背景图

草料提供横版和竖版行业图库供快速选择，也支持本地上传图片。还可以为背景图设置图片动效，实现动态效果。

### 竖屏图片

- 展示位置：顶部展示部分图像，主体在正文内容背后展示
- 适用场景：招聘通知、会议邀请函、文件类二维码（技术交底、活动介绍）、旅游宣传（上传景点图）
- 可选择应用位置「头部+正文」，让竖屏图完整呈现，营造更强氛围感

![竖屏背景图效果](https://blogcdnimg.clewm.net/2025/12/image-1765862825321_17658628259113.png)
图片说明：三张不同业务场景的移动端界面截图：旅游路线推荐、企业信息展示与红酒产品详情页，用于说明后台内容管理或前端展示效果。

### 横屏图片

- 展示位置：完整显示在二维码头部，60% 不透明度，内容清晰不遮挡标题
- 适用场景：产品介绍页面（上传品牌产品图）、企业到访登记（上传企业形象图）、安全巡检（上传宣传标语或环境图）
- 可选择应用位置「头部+正文」，让页面色调更统一

![横屏背景图效果](https://blogcdnimg.clewm.net/2025/12/image-1765863048978_17658630498368.png)
图片说明：三张不同场景的界面截图：左侧为电商产品目录页，中间为科技公司招聘公告页，右侧为配电室巡检管理后台。

## 二、背景色

设置纯色或渐变色背景，适合没有图片素材时打造简洁风格的页面。选择应用位置「头部+正文」可以让整个页面色调统一、层次分明。

## 三、视频背景

上传视频作为页面背景，扫码后自动循环播放，首屏即传递品牌形象。适合产品展示、活动报名、业务介绍等场景。

- 扫码后自动循环播放，无需点击
- 相比静态图片，动态视频更能延长用户停留时间
- 支持免费试用 24 小时，到期后自动定格为首帧静态图，不影响二维码正常使用
- 基础版起可正式使用视频背景功能

![视频背景效果](https://blogcdnimg.clewm.net/2025/12/image-1765863154032_17658631548793.png)
图片说明：一个微信扫码专用的二维码，用于体验视频背景功能，下方有对应说明文字。

## 四、动态背景

选择系统主题色或自定义颜色，打造色彩流动感的视觉效果。适合智能设备说明页、活动推广页、品牌展示页等需要科技感的场景。

- 支持免费试用 24 小时，到期后自动定格为主题色静态图，不影响二维码正常使用
- 基础版起可正式使用动态背景

![动态背景效果](https://blogcdnimg.clewm.net/2025/12/image-1765863273326_17658632737405.png)
图片说明：微信扫码功能的动态背景示意图，用于展示扫码时的视觉效果与交互状态。

## 五、使用限制

视频背景不支持播放声音。 如果你需要扫码者观看带声音的完整视频（如宣传片讲解、操作教学），不要将视频设置为背景。

建议：在编辑器正文中使用「音视频」组件上传视频。用户点击后可正常播放声音，并支持全屏观看。

注：正文中「音视频」组件上传的内容不会扫码后自动播放，需要点击后才会播放。