一、功能结果

在不同分辨率的电脑上查看并确认相同的网站横幅，可能会出现图片有差异的效果，那么我们可用到横幅的缩放功能，使横幅观看效果更好。

二、功能说明

【版本】 暂无版本限制

【注意】 当使用缩放功能功能，在不同的分辨率电脑下查看并确认，图片会有少许差异。

三、设置教程

1. 横幅区选择“ 编辑横幅 -高级-图片缩放 ” 可配置缩放的效果。

2. 缩放有四种效果。

- 缩放，铺满：此功能结果是保证图片在横幅区可填充满，不出现留白，但是有可能会出现截取一部分的情况。

- 缩放，适应高度：上传到的横幅图片高度会被完整展示。

- 缩放，适应宽度：上传到的横幅图片宽度会被完整展示。

- 不缩放：按照图片的原图尺寸显示

横幅图片选择建议

以下补充内容用于帮助你在横幅区选择图片和缩放方式时，更好兼顾视觉效果与不同分辨率适配：

• 图片主体：横幅图片建议把重点内容放在中间安全区域，避免在不同屏幕下被裁掉关键信息。
• 模式选择：若更重视完整展示可优先考虑适应高度或适应宽度；若更重视铺满视觉可选择铺满。
• 分辨率预期：不同电脑分辨率下出现少量裁切差异属于正常现象，关键是核心视觉是否仍可辨认。
• 上线前验证：建议在宽屏、普通屏和笔记本分辨率下分别预览一次横幅效果。

图片适配建议

以下补充内容用于帮助你在横幅区配置图片时，更好平衡铺满效果和主体完整度：

• 主体位置：横幅中的核心人物、产品或标题建议尽量放在中间安全区域，减少被裁切的风险。
• 模式选择：如果更重视画面完整，可优先考虑适应高度或宽度；如果更重视满屏效果，再考虑铺满。
• 多端预览：横幅通常最容易在不同分辨率下产生差异，建议在常见电脑宽度下都预览一遍。
• 文案搭配：若横幅上还叠加按钮和文案，建议先保证可读性，再决定图片缩放方式。