跳到主内容
UniKit

文字转图片

把一段文字渲染成 PNG 图片:可设宽高、字号字重、文字颜色、纯色或渐变背景、内边距、行高、对齐与自动换行(中英混排 + 标点禁则),高度可自适应。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

文字内容
字重
1.6
32
16
对齐
背景

开启自适应后高度由文字行数决定,关闭时用下面的固定高度。

预览

图片信息

这个工具能做什么

  • 做引用卡片、公众号配图或社交分享图:输入一段话,调好宽高、字号、颜色和背景,直接导出 PNG。
  • 不想打开设计软件,只想快速生成一张干净的纯文字图:支持纯色或渐变背景、圆角、内边距和对齐方式。
  • 中英混排不用手动换行:排版按 CJK 与 Emoji 算 1 em、其余算 0.5 em 估算宽度,并遵守标点禁则,逗号句号不会吊在行首。
  • 高度可自适应文字:打开后画布高度由行数决定,长句短句都不会留下大片空白或被裁掉。

示例

输入

UniKit 是一个即开即用的在线工具站,所有计算都在你的浏览器里完成。
宽度 640、字号 28、行高 1.6、内边距 32、左对齐、高度自适应

输出

画布尺寸:640 × 154
行数:2
第 1 行:UniKit 是一个即开即用的在线工具站,所有
第 2 行:计算都在你的浏览器里完成。

依赖浏览器的 Canvas 绘制,实际像素效果需要在页面上看;上面的换行结果由排版逻辑给出,可在浏览器里复现。

常见问题

为什么自动换行的位置和我预期的不完全一样?

换行用的是估算字宽而不是真实的字体度量:CJK 与 Emoji 算 1 个 em,其余字符算 0.5 个 em,所以比例字体下可能与肉眼判断差一两个字。这样做的代价是略有误差,收益是无需等待字体加载、结果稳定可复现。

「高度自适应文字」和固定高度怎么选?

自适应时画布高度 = 行数 × 行高 + 上下内边距,永远贴合文字;关掉后使用你填的固定高度,但如果文字更高,画布会自动加高到刚好装下,不会裁掉内容。

标点禁则是什么?

中文排版规则:逗号、句号、问号等收尾标点不能出现在行首,左括号、左引号等开头标点不能出现在行尾。换行算法会把这类标点挤回上一行或推到下一行,避免「孤零零一个逗号」开头。

为什么宽度填小了会报错?

宽度必须大于左右内边距之和,否则可用宽度小于等于 0,没有任何空间放文字。把宽度调大或把内边距调小即可。

图片会上传吗?

不会。文字用浏览器本地的 Canvas 绘制,导出是本地生成的 PNG Blob,全程没有网络请求。

关键词:text to image文字转图片文字生成图片quote card自动换行渐变背景png字体

同类工具