Docs制作内容
图片区块
了解如何以原始比例完整呈现海报与详情长图,不裁切、无接缝。
3 min read
2026-08-02
图片区块
以原始比例显示图片的板块。与相册不同,它不会为了适应网格而裁切图片,因此适合需要按设计原样呈现的海报与详情长图。
与相册有何不同?
| 图片区块 | 相册 | |
|---|---|---|
| 比例 | 保持原始比例,绝不裁切 | 可能为适应网格而被裁切 |
| 适用场景 | 海报、详情页、公告 | 浏览一组照片 |
| 排列方式 | 自上而下依次堆叠 | 网格、滑动等多种版式 |
将长图海报切分
把海报切成多块后,它们之间不会出现空隙。 过高的图片若作为单一文件,加载缓慢且画质受损;而切分为有序的多块后,在画面上依然连贯如一整张。
图片会按您添加的顺序自上而下拼接。上传切分后的海报时,请再次确认顺序。
可填写的栏位
| 栏位 | 说明 |
|---|---|
| 引导小标 | 标题上方的小号文字(选填) |
| 标题 | 板块标题。留空则只显示图片 |
| 图片 | 点击「添加图片」可登记多个文件 |
| 替代文字 | 图片说明,供屏幕阅读器与搜索引擎使用 |
| 圆角 | 图片四角是否为圆角 |
拼接切分海报时请关闭圆角。 若保持开启,每一块都会被处理成圆角,接缝会变得明显。
实用做法
示例一:直接使用成品海报
- 标题留空,只添加图片
- 如果海报中已含文字,再加板块标题只会重复
示例二:拆分较长的详情页
- 将长图切分为三至四块并按顺序添加
- 保持圆角为关闭状态
完成检查清单
- 图片按预期顺序显示
- 切分海报已关闭圆角
- 已填写替代文字
- 图片中的文字在手机上足够清晰可读
嵌入图片内的文字不会被翻译。制作多语言邀请函时,请为每种语言分别准备图片,或将重要信息另行放入文字板块中。
后续步骤
- 制作照片相册 —— 集中展示一组照片
- 富文本板块 —— 较长的排版文字
- 上传图片与图片管理器 —— 上传与复用照片