为保障微页面在手机等移动设备上的加载速度与使用流畅度，避免因图片过大导致页面卡顿、加载缓慢或闪退等问题，对图片的使用建议如下。
一、适用范围
- 本规范适用于本平台生成的所有微页面
- 包括 Banner、内容图片、列表图片、图标等所有图片类型
二、推荐图片尺寸规范
1. 页面设计基准
- 页面可视宽度基准：375px
- 图片建议按照 3 倍清晰度（3x） 上传，以适配高分辨率屏幕
2. 各类图片推荐尺寸
| 图片类型 | 推荐宽度 | 使用说明 |
| Banner / 头图 | 1125px | 页面顶部大图 |
| 普通内容图片 | 1125px | 文章、说明性图片 |
| 列表 / 卡片图片 | 450px ~ 750px | 商品、活动列表 |
| 图标 / 小图 | 96px ~ 192px | 图标、装饰元素 |
说明：图片宽度不建议超过 1500px，过大的图片不会明显提升清晰度，反而增加加载压力。
三、图片文件大小建议（非常重要）
为保证页面流畅度，建议严格控制单张图片体积。
建议在上传前对图片进行无损压缩，在不影响清晰度的前提下有效减小文件体积，有助于提升页面加载速度。
| 图片类型 | 单张大小建议 |
| Banner / 主视觉 | ≤ 300KB |
| 普通内容图片 | ≤ 200KB |
| 列表 / 缩略图 | ≤ 120KB |
| 图标 | ≤ 40KB |
整页图片体积建议：
- 单个页面图片总大小 不超过 2MB
- 推荐控制在 1.5MB 以内
四、图片格式建议
| 使用场景 | 推荐格式 |
| 普通图片 | JPG |
| 图标类 | PNG |
| 透明背景图片 | PNG |
建议优先使用 JPG 格式图片，在保证清晰度的同时体积更小；如图片需要透明背景，请使用 PNG 格式。
五、清晰度与性能平衡建议
- 图片宽度应 不小于实际展示宽度的 3 倍
- 避免直接上传相机原图或超大尺寸图片（如 4K、原始拍照图片）
- 图片尺寸越大，加载越慢，低性能设备可能出现卡顿或闪退
六、常见问题说明
Q：图片越大越清晰吗？
不是。超过推荐尺寸后，清晰度提升不明显，但加载时间会明显增加。
Q：为什么页面在部分手机上加载慢？
大多数情况是图片数量过多或图片体积过大导致。
Q：图片模糊怎么办？
请确认图片宽度是否达到 3 倍展示宽度，并避免二次压缩。
七、总结建议
合理的图片尺寸和体积，是保障微页面流畅运行的关键。请按照本规范上传图片，以获得更佳的移动端访问体验。