社团招新海报
大学社团招新季，设计部赶制了十张海报，每张都要单独抠图、排版、加群二维码。用这个工具直接选模板、改文案、贴二维码，五分钟出一张，不用开 PS。一个下午把二十个社团的招新封面全做完，统一发到各院系群，新生扫封面上的码就能加群。
编辑画布1080 × 1920
纯本地：背景与文字全程在浏览器 Canvas 合成，原图绝不上传服务器。
标语中用 【关键词】 包裹即自动高亮，导出 1080×1920 含完整背景且不含参考线，关闭页面即清空。
朋友圈里的效果Preview
微信会把封面 顶部区域 露出，并叠加 右下角头像 与 底部昵称。
重要文字请放在参考线圈出的安全区内，所见即合规。
版 式 预 设Layout
背 景Background
拖入 / 点击 / 粘贴背景图
cover 填充 · 可在预览中拖动调位
安 全 区 参 考 线Safe Zone
微信会在封面上叠加 UI：顶部状态栏区、右下角头像方块、底部昵称。请把重要内容放在参考线圈出的安全区内，别被遮挡。
封 面 文 字Text · 可多块
当 前 文 字Properties
未选中文字块 · 点上方文字条或新增一个
输 出Export
就绪 · 改标语、选背景、拖拽定位
第一节
关于本工具
About发朋友圈前，封面图尺寸不对、文字压不住底图、导出画质被压缩——这些细节反复调整很磨人。这个工具提供预设模板，输入文案后实时预览封面效果，调整好直接导出原图。所有处理在浏览器本地完成，图片不会上传到任何服务器，适合需要快速出图且在意隐私的用户。
使用场景
实体店活动预告
社区水果店每周六搞特价，老板娘想提前一天在朋友圈发张封面图，写上「明日红心火龙果 9.9 元/斤」。以前得找隔壁打印店做图，一张收 20 块。现在自己打开工具，挑个促销模板，改两行字，导出发朋友圈，三分钟搞定，省下每周 20 块设计费。
微商每日上新
做女装微商的个体户，每天要发 5-8 条朋友圈，每条配一张封面图展示主推款。以前用美图秀秀一张张拼图，加文字水印，半小时才能凑齐。改用这个工具后，选好模板，批量改商品名和价格，一次性导出当天所有封面，十分钟搞定，每天多出二十分钟回复客户消息。
公司团建照片集
行政部组织完 30 人的团建，拍了上百张照片，想挑 9 张做一张朋友圈封面发公司群。以前用手机相册自带拼图，排版丑、文字加不上去。用这个工具选一个九宫格模板，拖入照片，写上「2024 年 Q3 团建·莫干山」，导出直接发，同事纷纷点赞说比专业设计还好看。
个人生日邀请函
过生日想请朋友来家里吃饭，不想群发文字消息，想发一张有仪式感的封面图。用工具选个生日模板，改上时间、地点、自己的名字，导出发朋友圈，朋友们点赞评论的同时就确认了参加。不用下载任何 App，浏览器打开就做，比花钱请人设计快 10 倍。
第二节
使用指南
Getting Started使用步骤
- 1在模板区点选一张封面底图，选中后底图缩略图边缘高亮
- 2在「文字」输入框键入封面文案（限 30 字），输入时预览区实时更新文字位置与字体
- 3点「字体」下拉框切换字体样式，每选一种预览区立即重绘文字外观
- 4点「导出」按钮，浏览器直接下载一张 1080×1920 的 PNG 图片到本地
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 图片模板：纯色渐变背景 + 文字“你好，2024” | 生成一张 1080×1920 像素的图片，背景为蓝紫渐变，中央白色粗体文字“你好，2024”，无边框无装饰 | 常规：最基础的模板+文字组合，验证文字居中渲染和渐变背景的生成质量 |
| 图片模板：空白画布 + 文字“” | 生成一张 1080×1920 像素的纯白色图片，无任何文字 | 边界：空文字输入，工具应输出纯背景图而非报错或占位符 |
| 图片模板：预设“生日”模板 + 文字“Happy Birthday!” | 生成一张 1080×1920 像素的图片，背景为预设的蛋糕气球图案，文字“Happy Birthday!”以花体字显示在底部中央 | 常规：预设模板+英文长文字，验证模板叠加文字时的布局和字体适配 |
| 图片模板：预设“极简”模板 + 文字“这是一个非常非常长的测试文字，用来检查自动换行和溢出处理机制是否正常工作” | 生成一张 1080×1920 像素的图片，文字自动换行为 3 行，每行不超过 15 个汉字，末尾无截断 | 边界：超长文字，验证自动换行逻辑和溢出截断策略（不截断、不溢出） |
| 图片模板：自定义上传图片（尺寸 800×600） + 文字“封面” | 生成一张 1080×1920 像素的图片，上传图片被拉伸/裁剪填充至全屏（默认拉伸模式），文字“封面”叠加在中央 | 易错：非标准尺寸图片上传，用户可能误以为工具会自动保持比例，实际默认拉伸，需提示缩放模式 |
| 图片模板：预设“节日”模板 + 文字“春节快乐！” + 字体颜色 #FF0000 | 生成一张 1080×1920 像素的图片，背景为红色灯笼图案，文字“春节快乐！”以红色粗体显示，与背景红色相近导致可读性差 | 易错：文字颜色与背景颜色冲突，用户未注意对比度，工具未自动调整，需提醒用户自行选择高对比色 |
| 图片模板：预设“商务”模板 + 文字“2024年度总结” + 字体大小 72 | 生成一张 1080×1920 像素的图片，文字“2024年度总结”以 72px 大小显示在顶部，超出模板预留的文字区域边界 | 边界：字体大小超出模板预留区域，验证工具是否自动缩放文字或仅截断显示 |
常见错误对照
1.图片尺寸与微信封面比例不匹配
✗ 错误
上传一张 800×600 的图片直接使用✓ 修复
先裁剪或缩放为 1080×1920（或 9:16 比例）再上传微信朋友圈封面显示区域为 9:16 竖屏比例，宽高比不匹配时会被自动裁剪，导致文字或主体被截断。
2.文字内容超出安全区
✗ 错误
把文案写在图片正中间，导出后文字被微信界面遮挡✓ 修复
将文字放在图片上方 30% 或下方 20% 区域（避开中间状态栏和底部按钮区）微信朋友圈封面顶部有状态栏（约 60px），底部有操作栏（约 80px），中间区域才是完全可见的。
3.使用透明背景图片导出为 JPG
✗ 错误
设计时用 PNG 透明背景，导出时选择 JPG 格式✓ 修复
导出前将透明背景替换为纯色或渐变背景，再导出 JPGJPG 不支持透明度通道，透明区域会被自动填充为黑色，破坏设计效果。如需透明，必须导出 PNG。
4.文字颜色与背景对比度不足
✗ 错误
在浅色背景上使用浅灰色文字（如 #CCCCCC 配 #FFFFFF）✓ 修复
文字与背景色差值 ≥ 4.5:1（可用在线对比度检测工具验证）微信封面在手机屏幕上阅读，低对比度文字在户外强光下几乎不可见。WCAG AA 标准要求至少 4.5:1。
5.模板文字未替换，直接导出
✗ 错误
直接使用模板里的示例文字「请输入您的标题」导出✓ 修复
双击模板文字层，将示例内容替换为自己的文案后再导出模板中的占位文字是设计演示用，不替换会暴露工具使用痕迹，显得不专业。
6.导出分辨率过高导致文件体积过大
✗ 错误
导出 4K 分辨率（3840×2160）的封面图片✓ 修复
导出 1080×1920 或 1242×2208（2x 视网膜屏尺寸）即可微信服务器会对上传图片进行压缩，过高分辨率不仅增加上传耗时，还会被二次压缩导致画质下降。1080p 是平衡点。
7.文字层使用系统非常用字体
✗ 错误
使用「方正清刻本悦宋」等非系统预装字体✓ 修复
使用思源黑体、苹方、微软雅黑等系统预装字体工具在浏览器端渲染时使用本地字体，若用户设备未安装该字体，会回退为默认字体，导致排版错乱。
8.忽略微信封面的圆角裁切
✗ 错误
把重要内容放在图片四角，导出后角部内容被裁掉✓ 修复
将关键元素（如文字、人脸）放在距离边缘 ≥ 40px 的安全区内微信封面在客户端显示时四角有圆角遮罩（约 20px 半径），且不同机型裁切幅度不同，留边距可避免内容被裁。
第三节
工作原理
How It Works核心公式
封面宽高比 = 封面宽度 ÷ 封面高度
变量说明
封面宽度像素，如 1080封面高度像素，如 1920
示例
朋友圈封面推荐尺寸 1080×1920 像素：宽高比 = 1080 ÷ 1920 = 0.5625，即 9:16 竖屏比例。工具按此比例自动裁剪或缩放用户上传的图片，确保封面完整显示。
用户输入
本地处理
输出结果
第五节
常见问题
Q & A问我选好模板了，怎么把字放到我想放的位置？＋
答
本工具采用「模板 + 文字」模式，文字默认居中显示在模板预设的文字区域。目前不支持自由拖拽调整文字位置，但可以通过在文字前后加空格或换行来微调水平/垂直偏移。如果模板文字区域较小，建议文字控制在 20 字以内，过长会自动缩小字号。
问为什么我保存的图片发朋友圈会变模糊？＋
答
微信朋友圈发图会压缩 1MB 以上的图片。本工具生成的图片默认是 1080×1920 像素的 PNG（约 2-3MB），直接发会被微信压到 500KB 以下。解决方法：保存后先用手机相册自带的编辑功能「裁剪」一下（切掉上下多余空白），再发朋友圈，压缩损失会小很多。
问这个工具需要上传图片到服务器吗？＋
答
不需要。本工具完全在浏览器本地运行，你选的模板、输入的文字、生成的封面都不会上传到任何服务器。关闭页面后所有数据自动清除，适合制作含个人信息的封面（如带名字的节日祝福）。
问模板里那行小字能删掉或者改颜色吗？＋
答
模板中的固定元素（如装饰线条、背景图案、预设的英文水印）不可编辑。可修改的只有你输入的文字内容，字体颜色固定为白色（部分深色模板自动适配黑色）。如果模板底部有「××× 出品」之类的水印，目前不支持去除，建议选择无版权标注的模板。
问生成的图片怎么保存到手机相册？＋
答
电脑浏览器：右键点击生成结果 →「图片另存为」。手机浏览器：长按图片 →「保存图片」或「下载」。注意部分安卓浏览器（如 UC）会拦截下载，建议用 Chrome 或系统自带浏览器操作。保存后图片在相册「下载」或「Screenshots」文件夹里。
问为什么我换了手机浏览器就打不开这个工具了？＋
答
本工具依赖 Canvas 和 ES6 语法，需要 Chrome 49+ / Safari 10+ / Firefox 52+ 以上版本。如果遇到白屏或按钮无反应，先检查浏览器版本（设置 → 关于手机/浏览器），升级到最新版即可。微信内置浏览器部分低版本不支持，建议用系统浏览器打开。
问能不能把封面做成正方形或者横版的？＋
答
本工具所有模板固定为 9:16 竖版（1080×1920 像素），适合朋友圈封面比例。如果需要正方形（1:1）或横版（16:9），建议生成后手动用手机相册编辑裁剪，或搭配第三方裁剪工具处理。目前不支持在工具内切换画布比例。
问我选好模板了，怎么把字放到我想放的位置？＋
答
本工具采用「模板 + 文字」模式，文字默认居中显示在模板预设的文字区域。目前不支持自由拖拽调整文字位置，但可以通过在文字前后加空格或换行来微调水平/垂直偏移。如果模板文字区域较小，建议文字控制在 20 字以内，过长会自动缩小字号。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。