# 用背景图功能做出更加美观的标签

## 功能介绍

在制作二维码的过程中，需要在标签上体现企业形象，通常需要添加企业背景/项目背景/产品图片/活动图片等，草料提供标签背景图功能，支持上传本地背景，在线修改编辑图片，同时支持色彩蒙层功能，使标签整体效果更加统一美观

### 场景应用

#### 上传项目图片

- 工程项目上使用的设备标牌，需要突出项目形象，可上传项目图片作为背景图
- 分户验收标牌为了展示楼盘概览，可上传楼盘俯瞰图，开发商效果图等
- 企业内部使用的固定资产标签，可上传项目图片突出企业形象

![该图展示多个业务场景的卡片式信息模板，含设备巡检、车辆管理、高压电站及分户验收等模块的标题、二维码与背景图占位示意](https://blogcdnimg.clewm.net/2023/08/Frame-758532696_16911176189759.png)

#### 上传主题相关元素

可上传企业/产品/活动/景点/设备相关元素作为背景图

- 设备使用的巡检二维码标牌，可上传设备相关图片
- 活动报名，考试报名类海报，可上传考点图片，活动主题图片等
- 企业内部固定资产标牌，可上传企业形象图，文化风采图等突出企业形象
- 旅游宣传/行程相关海报，可上传景点相关图片或行程套餐相关配图提升海报美观度
- 医疗宣传类海报，可上传医疗器械相关元素（针管，口罩，消毒液等）以突出主题
- 产品类标签，可上传产品图片或效果图作为背景

![三张不同场景的二维码标签示意图，分别用于医疗设备、旅游宣传和消防器材管理，展示背景图与文字信息的组合排版](https://blogcdnimg.clewm.net/2023/08/Frame-758532703_16911176333888.png)

#### 上传logo图片

可将企业logo作为背景图上传，适用于固定资产，设备标牌，产品标签，线上分享等场景，突出企业形象

![展示中国石油及下属集团的固定资产标签信息，含资产编号、名称、型号等关键字段与二维码，用于扫码领取资料或关联人员信息](https://blogcdnimg.clewm.net/2023/08/image2_16910545030311.png)

### 如何设置

#### 设置标签背景图

进入标签样式编辑器，点击左侧标签背景选项下的【本地上传】即可上传背景图，具体操作可参考 [标签背景设置教程](/help/qr-code-label/label-settings/label-tutorial "标签背景设置教程")

![设备巡检样式的标签配置界面，支持上传Logo与背景图、设置颜色形状及二维码参数，并预览生成效果](https://blogcdnimg.clewm.net/2023/08/image3_16910545394483.png)

草料也预置了一批背景图库，可按需选择，点击【背景图库】使用

![设备巡检样式的标签配置界面，支持上传Logo、设置背景色与二维码样式，并预置多款背景图供快速选择](https://blogcdnimg.clewm.net/2023/08/image4_16910545476445.png)

![展示设备标牌样式的背景图选择界面，用户可从图库中预览并选中所需背景样式](https://blogcdnimg.clewm.net/2023/08/image5_16910545577469.png)

#### 设置背景颜色蒙层

上传项目照片/风景图/产品图片等复杂背景时，容易出现文字与背景重叠，难易阅读等问题，影响标签美观度，同时整体统一度不佳。背景蒙层功能能让标签整体的色彩更加一体，突出文字内容，易于阅读，使标签更加美观，同时展现企业形象。

![展示分户验收标签的两种视觉效果：左侧无蒙层，右侧添加深色半透明蒙层，用于对比说明界面设计中的图层叠加效果](https://blogcdnimg.clewm.net/2023/08/image6_16910546029151.png)

系统会从你上传的背景图中自动提取图片关联色作为背景蒙层颜色，同时也支持色盘取色和自定义蒙层不透明度，背景蒙层有区域填充和撑满2种效果，可根据实际情况选择

![三张分户验收标签设计示例，分别展示区域填充、蒙层颜色修改与撑满效果的视觉呈现](https://blogcdnimg.clewm.net/2023/08/image7_16910546140397.png)

![设备标牌样式模板配置界面，左侧为标签Logo与背景设置（含图片上传/库选、填充方式等），右侧预览分户验收标签效果](https://blogcdnimg.clewm.net/2023/08/image8_16910546243086.png)

#### 可画高级背景

部分样式支持高级背景图，可在线进入可画编辑，支持调整元素颜色/位置等高级操作，点击背景图库中的【可画高级背景】即可使用，具体操作可参考 [标签背景设置教程](/help/qr-code-label/label-settings/label-tutorial "标签背景设置教程")

![该图展示的是“实名信息卡”模板的背景图选择弹窗，用户可从多个预设样式中挑选适配的卡片背景](https://blogcdnimg.clewm.net/2023/08/image9_16910546332098.png)
