推文海报生成
为公众号推文封面做排版计算:按 2.35:1 头图比例自动选标题字号、折行并给出文本矩形,含安全区与副标题,中英混排都能算出折行位置。
浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。
排版方案
含字号、折行与文本矩形。
输入标题后即可排版
画布宽: 0 · 画布高: 0 · 标题字号: 0 · 标题行数: 0 · 画布比例: 0
这个工具能做什么
- 写公众号头图前先排版:填上标题,得到字号、折行与矩形,直接照着在画布或设计工具里摆。
- 长标题自动缩小:不用手动试字号,工具会在不超过设定行数的前提下取最大的字号。
- 中英混排判断折行:英文单词尽量整体不拆,避免出现断词难看的情况。
- 多尺寸适配:把宽高改成 1200×500 或 1080×460,看同一标题在不同比例下的排版差异。
示例
输入
一条推文的标题
输出
画布:900 × 383 像素(比例 2.35:1,微信头图推荐 2.35:1) 安全区:左右边距 31 px,底部信息条 46 px 标题字号:72 px(上限 72,下限 24,自动取不超过 3 行的最大值) 标题折行(1 行,行高 94 px): 1. 一条推文的标题 标题矩形:x=31 y=31 w=838 h=94 文字是否溢出:否,标题完整放下 说明:文本宽度按「全角 1 em、半角 0.5 em」粗估,中英文混排时用于判断折行位置;像素合成由页面 Canvas 完成。
文本宽度按全角 1 em、半角 0.5 em 粗估;字号从上限递减到「不超过最大行数」的最大值。
常见问题
为什么默认是 900 × 383?
微信公众平台的头图推荐比例是 2.35:1,900 ÷ 383 ≈ 2.350,是常见的头图尺寸,导出后既能满足平台比例又便于二次裁切。工具允许改成任意尺寸(200–4000 px),结果里会回显实际比例。
字号是怎么自动选的?
从上限(默认 72 px)开始每次减 2 px,直到「折行数 ≤ 最大行数」且「标题总高 ≤ 可用高度」为止,取满足条件时最大的字号。这样标题总是尽量大,又不会溢出。如果减到下限(默认 24 px)仍放不下,结果里会明确写「已达到最小字号仍超出,建议缩短标题」。
折行是按什么宽度算的?
全角字符(汉字、全角标点)按 1 em 计,半角字符(ASCII 字母数字、半角标点)按 0.5 em 计。这是等宽近似下最常用的粗估方式,用于判断一行能放几个字;真正绘制时以字体的实际字宽为准,结果里也写明了这一点。
英文单词会被拆开吗?
尽量不会。折行时如果当前字符是 ASCII 字母数字,会回退到最近的空格处断行,把整个单词移到下一行;找不到空格(例如超长单词或 URL)才会硬断。
安全区是怎么留的?
左右边距取画布短边的 8%(900 × 383 时为 31 px),底部留 12% 高度给作者信息条或平台角标,避免文字被压住。这两个比例都是按短边/高计算的,所以换尺寸后依然合理。
真的会生成图片吗?
本模块只做排版计算(字号、折行、矩形)。实际像素合成由页面用 Canvas 完成,图片不会上传到服务器;你拿到的数值也可以直接喂给 Figma、Photoshop 或脚本。
关键词:推文海报公众号封面头图排版poster layout标题折行自动字号2.35:1