图片工具 · 社交平台

公众号封面

头图/次图多比例模板

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 54 次使用
头图 900×383 + 次图 1:1 · 双图同源 · 关键词高亮 · 拖拽 · 本地
实时预览 · 双图同源头图 900 × 383
头 图Header · 900×383
头图背景预览
在头图上拖动文字可自由定位
次 图Square · 383×383
同源方版 · 自动跟随头图设计
双图同源:次图与头图共用同一套背景与文字,自动生成 1:1 方版(可在右侧设次图取景与微调)。 标题中用 【关键词】 包裹即自动高亮。全程浏览器 Canvas 合成,原图绝不上传,关闭即清空。
版 式 预 设Layout
背 景Background
0%
次 图 取 景Square · 同源方版
50%
封 面 文 字Text · 可多块
当 前 文 字Properties
输 出Export · 头图 + 次图
就绪 · 改文字、选背景、拖拽定位
第一节

关于本工具

About

公众号编辑在排版时,最烦的莫过于头图比例突然被裁切,导致标题文字被遮挡。这个工具直接提供了 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 天保持视觉统一。

第二节

使用指南

Getting Started

使用步骤

  1. 1在「比例」标签页选择头图(2.35:1)或次图(1:1),画布自动切换对应尺寸
  2. 2从左侧模板库点选一张背景(如节日、纯色),模板即刻铺满画布并锁定比例
  3. 3双击文字区域输入标题或正文,右侧属性面板同步显示字体、字号、颜色调节项
  4. 4拖拽图片或点击「上传」替换模板中的占位图,图片自动裁剪至当前画布比例
  5. 5点右上角「下载」按钮,浏览器直接弹出 PNG 文件保存对话框,无需额外操作

输入输出示例

输入输出说明
上传一张 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 两种模板,不自动填充或拉伸。非标准比例会被强制缩放,导致内容变形或丢失。

第三节

工作原理

How It Works

核心公式

画布尺寸(px) = 模板宽度(px) × 模板高度(px)

变量说明

  • 模板宽度公众号封面标准宽度,如 900
  • 模板高度头图/次图对应比例高度

示例

头图比例 900×383 px:画布尺寸 = 900 × 383 = 344700 px²,输出为 900×383 像素图片,适配公众号头条封面显示。

上传原始图片(JPG / PNG)识别图片尺寸(宽×高)匹配模板比例(1:1 / 1.91:1)裁剪预览手动调整选区(拖拽 / 缩放)生成封面图(下载 PNG)完成选择模板比例(头图 / 次图)
用户输入 本地处理 输出结果
第五节

常见问题

Q & A
公众号封面图尺寸到底是多少?我搜到好几种说法,900x500、2.35:1、1:1,到底哪个对?

公众号封面分两种:一级头图(首条)官方推荐 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 吗?还是要每个图重新调?

模板支持上传自定义 Logo 图片,并且颜色选择器可以输入十六进制色号(如 #FF6600),一次设定后下次打开浏览器历史记录会保留上次颜色(localStorage)。如果你频繁做同一系列的封面,建议把 Logo 和色号存为浏览器书签页,下次进来直接复制粘贴色号就行,不用每次重新取色。

导出图片后颜色和网页上看着不一样,偏灰或偏亮,怎么回事?

浏览器预览用的是 sRGB 色域,但很多手机屏幕默认是 P3 广色域,所以导出后在手机上会觉得饱和度降低。本工具导出时固定为 sRGB 色彩空间,符合公众号后台的上传规范。如果你需要颜色更鲜艳,在调色时适当提高 10%-15% 的饱和度,因为 sRGB 转 P3 后视觉上会变淡。也可以先导出到电脑显示器(通常是 sRGB)上确认颜色再发布。

这个工具和 Canva、稿定设计比,有什么不一样?

Canva 和稿定是通用设计平台,模板多但需要注册登录、部分功能付费,且导出会带水印或需要会员。本工具是专为公众号封面定制的轻量工具,没有账号系统、不限制导出次数、无水印。它不提供花哨的插画库,而是聚焦在「快速套用正确尺寸的模板 + 本地处理隐私安全」。如果你只需要做公众号封面且不想被会员和广告打扰,这个更直接。

模板里的文字能换字体吗?支持我电脑里安装的字体吗?

目前模板使用浏览器默认无衬线字体(如苹方/微软雅黑),不支持上传自定义字体文件。这是因为浏览器安全限制,无法读取本地字体列表。如果你需要特殊字体,建议在模板里把文字留空,导出图片后用其他图片编辑软件(如 PS、美图秀秀)叠加上去。或者用在线字体平台生成文字图片再插入。

我连续做了十张封面,突然浏览器卡死了,之前做的图还在吗?

所有编辑状态(图片、文字位置、颜色)只保存在当前浏览器的临时内存中,没有自动保存功能。如果浏览器崩溃或误关,未导出的图会丢失。建议每做完一张就立即点击「下载」按钮保存到本地,不要攒一批再导出。另外浏览器内存占用过高时(比如同时开多个大图),可以刷新页面重新加载,但同样会清空未保存的编辑。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭