BLOG · 2026-09-20 Blog · 7 min

病毒海报裂变

1200x630 Canvas 海报的水印、配色、文案实验,含源码。

一张带分数、域名和水印的海报,是工具站最便宜的裂变载体:用户炫耀,品牌曝光,链接回流一次完成。

这篇拆解海报的 4 个要素 + 发布节奏,照着做就能跑起来。

核心结论
  • 要素:大分数 + 域名 + 水印 + 配色点缀
  • 尺寸:1200×630,X 和朋友圈都合适
  • 文案:分数解读 + 喊话晒分
  • 节奏:每周一次拆解帖 + 用户晒分转发

海报四要素

  • ·大分数:84px 加粗,一眼看到“成绩”
  • ·域名:归属感,用户愿意为自己的站传播
  • ·水印:webtagr.com 放底部,回流入口
  • ·配色点缀:取被分析站的主色,用户觉得“这是我的”

Canvas 生成要点

前端 Canvas 直出即可,不用后端:渐变底、暗色遮罩、标题两行截断、分数大字、水印小字。

canvas.width = 1200; canvas.height = 630;
// 渐变底 + 遮罩 + 标题 + 分数 + 水印
// 导出 toDataURL,a[download] 直接下载

文案公式

  • ·晒分:“Stripe 测出 94,你的站呢?”
  • ·解读:“紫色即信任,CTA 永远在右下角”
  • ·行动:“粘贴你的网址,截图回帖,我逐条点评”

发布节奏

  • ·每周一次官方拆解帖,固定栏目感
  • ·用户晒分必回,评论区就是 روزانه
  • ·每月做一次分数榜,刺激回访
上线前检查清单
  • 01是否有分数+域名+水印
  • 02是否为 1200×630
  • 03文案是否有晒分钩子
  • 04是否每周固定栏目
  • 05回流参数是否可追踪

常见问题

用户不愿意分享怎么办?

分数要“准且好听”:具体、可行动、略带夸奖, toxic 过头没人转。

水印放多大?

底部一行小字即可,大了像广告,小了没回流。

需要后端生成吗?

不需要,Canvas 前端直出,零成本。