微信聊天截图生成器

为什么需要自动生成微信聊天截图

手动拼接聊天截图不仅耗时，还难以保证每张图的气泡样式、状态栏细节完全一致。公众号文章、产品介绍或营销素材经常需要多张风格统一的对话配图，传统截图方式无法批量输出，也难以精准控制消息数量、头像位置和数据对比图。

技能如何工作

核心能力：基于 Puppeteer + Chromium 渲染 HTML/CSS 模板，输出 3x Retina PNG（默认 1170px 宽）。支持 JSON/JS 配置文件驱动，无需修改代码即可调整对话内容、气泡样式和主题颜色。

关键步骤：

• 分析对话场景：提取参与方、对话阶段、关键信息（如价格、数据）和聊天风格
• 生成头像：使用内置 Python 脚本（make-avatars.py）生成文字首字母或渐变色头像，支持圆形/圆角/方形
• 编写配置：通过 JS 文件定义消息内容、发送者位置（side: 'left'/'right'）、时间戳和可选数据图表
• 渲染输出：单张截图或批量生成多张对话，支持 iOS（刘海屏）和 Android 风格状态栏

技术细节：iOS 风格状态栏高度 28px，导航栏 44px；Android 为 24px 和 46px。气泡最大宽度 250px，默认字体 16px PingFang SC。

适用边界与注意点

• 单张截图建议 4-8 条消息，避免信息过载
• 对话需有来有回，纯单方发言不自然
• 头像建议使用真实风格（风景/图案）而非自拍
• 中文渲染需系统安装 PingFang SC、Microsoft YaHei 等字体
• 数据对比图需提前配置模板，深色/浅色主题需手动切换
• 批量生成时需确保各配置文件的头像路径和消息结构一致