小程序海报生成教程｜Canvas 出图、保存相册与分享合规边界 – MPForge

一、先定方案：Canvas 还是服务端出图

结论先记住：海报量小、样式常改的用 Canvas 前端出图；量 大、要带用户数据的用服务端出图，两者没有绝对优劣。

Canvas 方案在用户手机上实时合成，不占服务器带宽，改样式只要改前端；代价是中低端机性能参差，耗时波动大。服务端出图稳定、速度快，还能预生成；代价是每次活动要重新部署模板，图片服务要单独维护。判断口诀：活动量一天几百张，服务端省心；样式一周三改，Canvas 灵活。

用 Canvas 路线的，绘制细节与坐标换算参考 小程序 Canvas 2D 绘图注意事项，离屏合成见 小程序离屏 Canvas 用法，导出临时文件用 小程序导出 Canvas 图片 的口径处理。

二、开工前备齐四样材料

缺材料就会停在半路：设计稿、素材授权、文案规范、重试策略，一样都不能少。

• 设计稿尺寸：按 750 宽的设计稿出 2 倍图（1500px 宽），保存到相册再发朋友圈不会糊；二维码单独留安全区，避免被头像贴纸遮挡。
• 字体与图片素材授权：商用字体要确认授权范围，人像、品牌 logo 要有书面许可，未授权素材是驳回与投诉的高发点。
• 分享文案规范：标题、摘要、卡片图三件套与海报内容对齐，写法参考 小程序分享与朋友圈教程，别在海报上写「转发得奖」。
• 失败重试策略：生成失败自动重试 1 次，再失败提示换网络或稍后再试，不做无限循环。

三、落地步骤：从设计稿到真机验收

顺序不能乱：尺寸先定、低端机先测、卡片图对齐、合规先审、失败率要盯。按这五步走：

1. 定导出尺寸与压缩：按 2 倍图导出，PNG 保文字锐度、JPG 控制体积，单张压到 1MB 内，方便保存与转发。
2. 真机测中低端机：拿两年前的入门机型实测生成耗时，超 3 秒就加 loading 与分步渲染，主线程阻塞会直接卡死页面。
3. 分享字段与卡片图对齐：分享标题、摘要与海报活动内容一致，用户从卡片进来看到的海报不能是另一场活动，参数怎么带看 海报渠道参数埋点。
4. 审核说明避免诱导：文案不写「分享到群得 XX」「邀请好友返现」类利益承诺，保存相册的权限用途写清楚，参考 小程序隐私弹窗时机设计。
5. 监控生成失败率：上报生成耗时与失败原因，失败率超过 2% 就回查机型与素材体积。

四、海报里的二维码：码类型与跳转口径

结论：海报二维码不是随便贴一个码——码类型决定用户扫完去哪，参数决定业绩算给谁。

• 码类型：普通链接二维码只能跳网页，跳小程序要用小程序码；scene 参数与跳转规则看 小程序码参数与生成。
• 渠道归因：不同门店、不同渠道用不同参数生成码，来源才分得清，路径设计见 海报获客路径设计。
• 安全区：二维码周围留白至少一个码点宽度，印在深色背景上要加白色底衬，否则识别率骤降。

五、审核驳回与线上翻车点

结论：海报类驳回集中在三条——诱导分享得利、素材未授权、生成阻塞卡死。

• 诱导分享得利：文案或海报出现「转发得奖品」「分享后解锁」，属于高压线；改成「分享给需要的朋友」这类中性表述。
• 素材未授权：用了网图、明星照片、未购买商用的字体，被投诉就是下架整改，素材清单留档备查。
• 生成阻塞主线程：大图直接同步绘制，页面卡住像死机；分步绘制加进度提示，低端机单独降级清晰度。

改完对照 小程序审核被拒常见原因 复核一遍再提审；上线前整体自检走 小程序上线发布检查清单，海报页的标题摘要另按 小程序页面分享与元信息配置 核对。

六、避坑清单

这三条坑都和「预期」有关：向审核、向用户、向运营。

• 别承诺兑现不了的奖励：海报写了「人人有礼」就必须人人有礼，承诺与系统发放能力一致，否则活动期投诉比新增还多。
• 别在主线程放大图：先压缩再绘制，低端机降清晰度，3 秒内出图是体验底线。
• 别忽略保存相册授权：没授权就静默失败，用户以为按钮坏了；拒绝后给手动引导，别反复弹窗。
• 别只测旗舰机：活动裂变的用户画像里低端机占比不低，发布前至少测一台入门真机。

七、常见问题 FAQ