为什么加的字必须带描边
白字放到浅色背景上就看不见了:压在天空、白墙、 亮部高光上,字直接糊进背景。黑字压在暗部阴影上也一样。
更麻烦的是,这件事在小小的预览图上常常看不出来 —— 缩到几百 px 时,一小块浅色区域被压缩成几个像素,你以为字是清楚的; 导出到原图、发出去之后才发现有半行字没了。
解法很简单:给文字加一圈深色描边(白字配黑边,黑字配白边)。 不管底图是什么颜色,字的轮廓都能被分出来。所以本工具默认就开着描边, 而不是让你自己去踩这个坑。还不够的话可以再叠一层投影。
为什么别的工具导出后字会变小
这是加文字工具最经典的翻车点:字号按预览尺寸算。
预览是降采样过的 —— 一张 4000px 宽的照片,在网页上预览时只有几百 px。 如果字号按预览的像素记(比如「48px」),画到 4000px 的原图上就只有指甲盖那么大: 预览里看着挺醒目,导出后小得看不见。
正确做法是把字号存成相对图片宽度的比例 (比如「8% 的图宽」),画的时候按当前这张画布的实际尺寸现算。 预览和导出走同一个函数、同一套比例,就不可能对不上。位置也是同理 —— 存的是 0~1 的相对坐标,不是绝对像素。这也正是批量能成立的原因: 一批宽高各异的图套同一段文案,文字都落在同一个相对位置。
常见问题
能给一批图统一加同一段文字吗?
可以。调好文字后用页面上的批量区选多张图或整个文件夹,一次性给全部加上 (比如给一批产品图统一加「限时特惠」)。文字位置和字号都是按相对比例存的, 所以一批宽高各不相同的图,文字都会落在同一个相对位置、大小也协调 —— 如果按绝对像素存,同一个坐标在大图上靠左、在小图上直接跑出画面。
支持中文字体吗?可以换字体吗?
支持。提供黑体、微软雅黑、宋体、楷体、等宽几种系统自带字体。 这里刻意不引网络字体:一是拖慢页面,二是 Canvas 画字 不会等字体加载完 —— 字体还没下载好就画,出来的是替代字体,而且不会有任何报错,用户拿到的就是一张字体不对的图。 系统字体没有这个加载窗口。
图片会上传到服务器吗?
不会。文字是在你自己的浏览器里用 Canvas 画上去的, 图片一个字节都不出本机。 我们没有服务器成本,所以注册之后可以不限次数地用。
导出是什么格式?
PNG,原始分辨率(超大图会自动缩到浏览器 Canvas 的上限内,并明确告诉你缩到了多少 —— 不缩的话导出的会是一张全白的图)。PNG 是无损的,文字边缘不会被压出毛刺。