支持多行，会按行居中排布。想做「上下各一行」的经典梗图样式，请用表情包生成器。
按图片短边百分比计算，不同尺寸批量处理时字号视觉大小一致。
背景条在文字上下加一条半透明色带，照片再花也能看清字；选「无」则只靠描边保证可读性。
选张图，写点字，一键生成带字幕的图片。
位置不只是「放哪」，还决定了要不要加背景条。
| 位置 | 常见用途 | 建议字号 | 建议配置 |
|---|---|---|---|
| 底部 | 照片字幕、说明、来源标注 | 4%~7% | 半透黑背景条 + 白色描边字 |
| 顶部 | 封面标题、栏目名 | 6%~10% | 半透黑背景条，字大一点更抓眼 |
| 居中 | 水印、logo 文字、打标 | 5%~8% | 不加背景条，靠描边即可 |
纯色文字直接压在照片上，十有八九会看不清。
| 做法 | 问题 / 效果 | 适用 |
|---|---|---|
| 只放纯色字 | 遇到同色背景就糊成一片 | 背景极干净的简单图 |
| 描边（strokeText） | 字边缘勾一圈对比色，任何背景都能看清 | 水印、居中标注 |
| 半透明背景条 | 压暗一小条区域，最稳妥 | 照片字幕、封面标题 |
| 描边 + 背景条 | 双重保险，可读性最好 | 复杂照片、重要信息 |
⚠️ 免责声明：加字后的图片会覆盖原文字信息，请保留原图。
本工具使用系统字体渲染，不同设备上字体的实际字形略有差异，属于正常现象；如需字体完全一致的正式物料，请使用专业设计软件导出。
所有处理在你的浏览器本地完成，图片不会上传到任何服务器。
给照片加一行说明、给封面加个标题，这种小事用 PS 开一次不划算，用手机 App 又多半要收费或者带水印。
这个工具就做这一件事：把你要的字稳稳当当地压在图上看得清的地方。
它是怎么加的？
① 字号按短边百分比：字号 = 图片短边 × 百分比，而不是固定多少像素。这样批量处理时，4000px 的大图和 800px 的小图上的字看起来一样大；
② 自动换行与居中：文字按你输入的换行符分行，每行在画布中水平居中排布；
③ 背景条（可选）：在文字区域上下画一条半透明色带（黑或白），压暗/提亮一小块区域，这是保证可读性的最稳妥做法；
④ 描边：用 strokeText 在字的外轮廓勾一圈对比色（白字配黑边，黑字配白边），哪怕背景再花也能看清；
⑤ 按原尺寸导出：画布与原图完全一致，不缩放、不裁剪、不加水印。
四个可调项怎么配：
· 位置：字幕用底部，标题用顶部，水印用居中；
· 字号：字幕 4%~7%，标题 6%~10%，水印 5%~8%；
· 背景条：照片类必开，水印类关掉；
· 描边：默认 1%，背景复杂时加到 2%。
可以一次选多张批量加字，参数是统一的，批量出来的风格完全一致。
整个流程都在你自己的浏览器里跑，照片不会上传到任何服务器。
怎么加：
① 读原图宽高，取短边 s，字号 fs = s × 百分比，行高 1.35 × fs；
② 文字按换行符拆成多行，逐行计算 measureText 宽度用于背景条与居中；
③ 背景条：按文字总高度上下各留 0.45 × fs 内边距，铺 rgba(0,0,0,.45) 或 rgba(255,255,255,.55)；
④ 描边：strokeText 用对比色（白字→黑边，黑字→白边），线宽 = s × 描边百分比，先描边后填充；
⑤ 按位置计算基线 y：底部贴底留 0.6 × fs，顶部同理，居中则垂直居中；
⑥ 按原图尺寸导出，不缩放、不裁剪。
它不做：不做自动排版避让、不识别画面主体位置、不加图片水印。使用系统字体，不同设备字形略有差异。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！