文字转图片
把一段文字渲染成 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字体