新书发布前夜
出版社编辑在印厂出片前最后一刻,发现豆瓣页面需要一张 3:2 的公众号次图。手头只有 1:1 的封面原稿,直接拉伸人物变形,重新排版又来不及。用本工具的头图模板锁定 3:2 画幅,将原稿作为背景铺满,顶部留出 300px 安全区放书名和作者名,5 分钟导出符合平台要求的次图,赶上最后发版。
未选中文字块 · 点上方文字条或新增一个
公众号编辑在排版时,最烦的莫过于头图比例突然被裁切,导致标题文字被遮挡。这个工具直接提供了 2.35:1(头图)、1:1(次图)和 9:16(次图)三种固定画布,上传图片后自动居中裁剪并生成对应尺寸的预览图。所有处理都在浏览器本地完成,图片不会离开电脑——适合批量制作系列推文封面,避免每张图手动调尺寸的重复操作。
出版社编辑在印厂出片前最后一刻,发现豆瓣页面需要一张 3:2 的公众号次图。手头只有 1:1 的封面原稿,直接拉伸人物变形,重新排版又来不及。用本工具的头图模板锁定 3:2 画幅,将原稿作为背景铺满,顶部留出 300px 安全区放书名和作者名,5 分钟导出符合平台要求的次图,赶上最后发版。
线下分享会原定周六,因嘉宾航班取消临时改到周日。公众号头图已经发过预览,改期后需要重新做一张。原图是 1:1 的方形设计,但公众号头图要求 2.35:1。用本工具的「头图」模板,将原方形图作为背景铺满,中间叠加一个半透明矩形遮罩,遮罩内放新日期和地点,保留原视觉元素,5 分钟出图,不用找设计师重做。
知识付费博主录完一节视频课,需要把同一张课宣图适配到公众号(2.35:1)、小红书(3:4)、视频号封面(1:1)三个尺寸。用本工具的多比例模板,锁定同一张底图后,分别切换到头图、次图、方形模板,系统自动裁切核心人物区域,3 分钟导出三套图,不用在 PS 里反复切画布。
行政部在年会前一周每天要发一篇公众号文章,头图需要显示「距年会还有 X 天」。每天手动改数字太麻烦。用本工具的头图模板,把数字部分做成文本框,每天只改一个数字,其他元素(背景、Logo、口号)不动,5 秒出一张新图,连续 7 天保持视觉统一。
| 输入 | 输出 | 说明 |
|---|---|---|
| 上传一张 900×383 像素的图片,选择「头图-1:1」比例 | 生成 900×900 像素的图片(原图居中裁剪,左右两侧被裁掉) | 常规:头图1:1是最常用比例,用户常误以为会缩放而非裁剪,需明确展示裁剪行为 |
| 上传一张 1920×1080 像素的图片,选择「次图-16:9」比例 | 生成 1920×1080 像素的图片(原图完全适配,无裁剪无留白) | 常规:16:9是次图标准比例,输入尺寸恰好匹配时无任何变形,验证工具对等比例输入的保真度 |
| 上传一张 100×100 像素的图片,选择「头图-2.35:1」比例 | 生成 100×43 像素的图片(原图被压缩至目标比例,左右两侧出现黑色填充条) | 边界:极小尺寸输入,验证工具是否正确处理缩放+填充逻辑,以及填充色是否为默认黑色 |
| 上传一张 5000×5000 像素的图片,选择「次图-1:1」比例 | 生成 5000×5000 像素的图片(原图居中裁剪,无缩放) | 边界:超大尺寸输入,验证工具是否限制最大输出尺寸(如5000像素是否超出浏览器/Canvas限制) |
| 上传一张 400×600 像素的竖图,选择「头图-1:1」比例 | 生成 400×400 像素的图片(原图上下被裁掉,只保留中间400像素宽的区域) | 边界:竖图(高>宽)裁剪时,裁切方向与横图相反,用户易误以为会左右裁 |
| 上传一张 800×600 像素的图片,选择「次图-9:16」比例 | 生成 338×600 像素的图片(原图被缩放至目标比例,上下出现黑色填充条) | 易错:9:16是竖版比例,输入横图时填充方向与预期相反,用户常误以为会旋转 |
| 上传一张带透明通道的 PNG 图片(例如 logo),选择「头图-1:1」比例 | 生成 1:1 比例的 PNG 图片(透明区域保持透明,裁剪区域外的透明部分被保留) | 易错:透明 PNG 裁剪后透明区域是否保留,很多工具会默认填充白色背景 |
1.上传图片尺寸不符合模板比例,导致内容被裁切
上传一张 800×600 的图片到 1:1 模板,直接保存上传前将图片裁剪为 1080×1080(1:1)或 900×500(1.91:1)公众号封面模板固定比例,不匹配时工具会强制缩放裁切,导致主体偏移或文字被切。官方推荐头图 1:1(正方形)、次图 1.91:1(横版)。
2.忽略次图与头图的比例差异,混用模板
用 1:1 模板生成次图,直接上传公众号次图选择 1.91:1 模板,或手动调整为 900×500 像素公众号次图(如公众号主页列表)强制显示 1.91:1,头图(文章内)支持 1:1。混用会导致次图上下出现黑边或被裁切。
3.文字或关键元素太靠近图片边缘,被安全区遮挡
在 1:1 模板中将标题文字放在画布最上方将文字和 Logo 放在距边缘 50px 以上的安全区内微信客户端在列表页会截取封面中央区域(约 80% 面积),边缘内容可能被裁剪。安全区指中心 70%-80% 区域。
4.使用透明背景的 PNG 图片,导出后背景变黑
上传透明 PNG 图片,直接保存为 JPG 格式导出时选择 PNG 格式,或在保存前给画布添加白色/纯色背景层JPG 不支持透明通道,透明区域会被填充为黑色。公众号封面通常需要不透明背景,建议用 PNG 或先加底色。
5.文字颜色与背景对比度太低,手机端看不清
浅灰色文字放在白色背景上,或黄色文字放在浅橙背景上深色背景用白色/亮色文字,浅色背景用黑色/深色文字,对比度至少 4.5:1手机屏幕亮度低、环境光复杂,低对比度文字在缩略图尺寸下几乎不可读。WCAG AA 标准要求正常文本对比度 ≥ 4.5:1。
6.图片文件超过 5MB,上传后被自动压缩模糊
上传一张 10MB 的高清照片到工具将图片压缩到 500KB~2MB,分辨率不超过 3000×3000微信公众平台对封面图有 5MB 大小限制,工具在生成时也会压缩过大文件。提前压缩可避免二次压缩导致画质损失。
7.使用非标准比例(如 4:3 或 16:9)直接上传,不匹配公众号规范
上传 1920×1080 图片到 1:1 模板,期望自动适配先裁剪为 1080×1080 或 900×500 再上传工具只提供 1:1 和 1.91:1 两种模板,不自动填充或拉伸。非标准比例会被强制缩放,导致内容变形或丢失。
画布尺寸(px) = 模板宽度(px) × 模板高度(px)
模板宽度公众号封面标准宽度,如 900模板高度头图/次图对应比例高度头图比例 900×383 px:画布尺寸 = 900 × 383 = 344700 px²,输出为 900×383 像素图片,适配公众号头条封面显示。
公众号封面分两种:一级头图(首条)官方推荐 900×383 像素,比例 2.35:1;次条及以下头图也是 900×500,比例 1.79:1。文章内插入的方形图是 1:1。很多旧教程还在说 900×500 是头图,那是 2020 年之前的规范了。本工具模板直接按最新规范预设比例,你选「头图」或「次图」后自动锁定画布,不用自己记数字。
公众号后台对头图有强制裁剪区域。一级头图 2.35:1 的比例下,实际显示区域会从中间截取一个更宽的矩形(约 1.9:1),所以关键文字和人物脸要避开上下 15% 的边缘。本工具模板自带安全边距参考线,你拖图时把人脸或标题放在中间 70% 区域,导出后再上传就不会被裁。
纯浏览器端实现,手机电脑都能用。不需要安装任何软件,在微信里点链接或手机浏览器打开页面,就能选模板、传图、调文字。因为所有处理都在你本地完成(FE 方式),不经过服务器,手机也能流畅操作。唯一要注意的是手机屏幕小,拖拽精细位置时建议横屏或放大部分区域。
公众号封面在手机列表里只占屏幕宽度的约 1/3,所以字号至少 40px 以上才看得清。本工具预览区提供「手机预览」缩放按钮,点一下就能看到实际阅读效果。如果字在预览里糊成一团,就加大字号或减少文字量。另外避免用细体字,加粗或黑体在缩略图里更清晰。
模板支持上传自定义 Logo 图片,并且颜色选择器可以输入十六进制色号(如 #FF6600),一次设定后下次打开浏览器历史记录会保留上次颜色(localStorage)。如果你频繁做同一系列的封面,建议把 Logo 和色号存为浏览器书签页,下次进来直接复制粘贴色号就行,不用每次重新取色。
浏览器预览用的是 sRGB 色域,但很多手机屏幕默认是 P3 广色域,所以导出后在手机上会觉得饱和度降低。本工具导出时固定为 sRGB 色彩空间,符合公众号后台的上传规范。如果你需要颜色更鲜艳,在调色时适当提高 10%-15% 的饱和度,因为 sRGB 转 P3 后视觉上会变淡。也可以先导出到电脑显示器(通常是 sRGB)上确认颜色再发布。
Canva 和稿定是通用设计平台,模板多但需要注册登录、部分功能付费,且导出会带水印或需要会员。本工具是专为公众号封面定制的轻量工具,没有账号系统、不限制导出次数、无水印。它不提供花哨的插画库,而是聚焦在「快速套用正确尺寸的模板 + 本地处理隐私安全」。如果你只需要做公众号封面且不想被会员和广告打扰,这个更直接。
目前模板使用浏览器默认无衬线字体(如苹方/微软雅黑),不支持上传自定义字体文件。这是因为浏览器安全限制,无法读取本地字体列表。如果你需要特殊字体,建议在模板里把文字留空,导出图片后用其他图片编辑软件(如 PS、美图秀秀)叠加上去。或者用在线字体平台生成文字图片再插入。
所有编辑状态(图片、文字位置、颜色)只保存在当前浏览器的临时内存中,没有自动保存功能。如果浏览器崩溃或误关,未导出的图会丢失。建议每做完一张就立即点击「下载」按钮保存到本地,不要攒一批再导出。另外浏览器内存占用过高时(比如同时开多个大图),可以刷新页面重新加载,但同样会清空未保存的编辑。
隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。