跳到主内容
UniKit

推文海报生成

为公众号推文封面做排版计算:按 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

同类工具