图片加文字 — 字体、描边、多行文字
在浏览器里给图片加上带样式的多行文字,并按原始分辨率保存的工具
在浏览器中处理 · 不上传任何内容
把要加文字的图片拖到这里
一张 JPG、PNG 或 WebP 图片,最大 50 MB。也可以用 Ctrl+V(Mac 上为 ⌘V)粘贴复制的图片。图片不会离开你的浏览器。
按 Enter 换行。开启自动换行后,过长的行会按行宽自动折行。
字体由本站直接提供(SIL 开源字体许可证)。字体中没有的字符会用设备默认字体绘制。
相对于图片宽度的比例。
相对于文字大小的比例。0 表示不描边。
相对于图片宽度的比例。超过这个宽度的行会转到下一行。
也可以在预览上拖动或点按来放置文字。选中预览后,用方向键每次移动 1%(按住 Shift 每次 5%)。使用读屏软件时,请先切换到焦点模式(NVDA 中为 Insert+Space),方向键才能作用于预览。
按原始分辨率保存。PNG 画质无损,JPG 以质量 92 保存。文件名末尾会加上 -text。
图片会重新绘制后保存,因此不会保留原图的 EXIF 信息(拍摄设备、时间、GPS 位置),但会按照片方向自动旋转。图片不会上传。
这是什么工具?
一个把文字放到图片上并保存成图片的简单工具:在菜单照片上标价格、在活动照片上加标题、给博客封面配一行大标题都可以。输入时的换行会原样保留,长句可以自动换行;内置字体能很好地显示韩文和拉丁字母,字体里没有的字符会用设备字体补上。
使用方法
- 把图片拖到虚线区域,或点击选择图片。
- 在文字内容里输入文字,按 Enter 换行。
- 设置字体、文字大小、文字颜色、描边颜色和描边粗细、阴影以及行对齐。长句可以用自动换行和行宽整理。
- 用位置下的九个按钮放置文字,或在预览上直接拖动。
- 选择 PNG 或 JPG,点击保存图片。
工作原理
- 相对尺寸:文字大小为图片宽度的 1
40%,描边为文字大小的 030%,行宽为图片宽度的 20~100%,因此原尺寸文件与预览完全一致。 - 换行:在空格处换行;中文、日文以及没有空格的长网址会在字符之间换行,家庭、国旗等组合表情符号不会被拆开。
- 位置:九个预设位置会与边缘保持短边 3% 的距离;拖动放置时,文字框始终保持在图片内。
- 保存:PNG 无损,JPG 以质量 92 保存。文件名会加上
-text,原图的 EXIF 信息不会保留。
设置示例
| 用途 | 设置 |
|---|---|
| 菜单照片上的价格 | 粗标题体,大小 7%,白字,黑色描边 12%,底部居中 |
| 博客封面标题 | 黑体,大小 9%,打开半透明底框,正中,行宽 80% |
| 手写风格的卡片 | 手写体,大小 10%,描边 0%,打开阴影 |
想做上下两行的经典配字,可以试试表情包生成器;要给很多张照片加上同样的文字,请使用图片水印工具。
常见问题
文字放在照片上看不清怎么办?
把描边粗细调到 10~15%,再选和文字颜色反差大的描边颜色(比如白字配黑色描边),几乎在任何背景上都能看清。背景很杂乱时,可以打开“文字下方加半透明底框”。
保存的图片和预览一样吗?
一样。文字大小、描边、行宽和位置都按图片尺寸的比例计算,预览和保存的文件由同一段代码绘制。预览只是缩小到适合屏幕显示,保存时使用原始分辨率。
有哪些字体可以用?
黑体(Pretendard)、粗标题体、宋体、手写体和毛笔字五种,全部采用 SIL 开源字体许可证,做出的图片可以商用。字体中没有的字符会用设备默认字体绘制。
怎样精确地放置文字?
先用九个位置按钮定一个大致位置,再在预览上拖动或点按。选中预览后,方向键每次移动 1%,按住 Shift 每次移动 5%。
我的图片会被上传吗?
不会。绘制文字和保存都在你的浏览器中完成。