加水印
图片在线给图片添加文字水印
给图片加水印的需求通常来自很实际的场景：设计稿要发给客户确认但不希望被直接拿去用、内部报表截图要标注保密、证件照复印件要写明用途以防被挪用。这几种情况的共同点是原图往往比较敏感，恰恰不适合传到一个来路不明的在线工具上。
这个工具把整个流程放在浏览器里。图片经 canvas 绘制后直接导出，没有上传、没有服务端队列、也没有次数限制，导出的成品上不会被塞进本站的标记。断网状态下页面依然可用，可以自己验证一下。
参数上覆盖了实际会用到的维度：文字内容、字号、颜色、不透明度、旋转角度，以及平铺或六个固定位置中的一个。平铺模式还能单独调间距，绘制范围会向画面外延伸，所以四个边角不会出现漏白。任何参数一改，预览就会重绘，看到的就是下载到手的样子。
有两点经验值得先说。一是字号按原图像素计算，大图上看着小是正常的，覆盖大画面应该靠平铺而不是无限放大字号；二是颜色自带的透明度会和不透明度滑块相乘，把调色板里的颜色保持不透明、只用滑块调浓淡，最容易控制。想要既清楚可辨又不影响看图，20% 到 35% 的不透明度配一个斜角是比较稳妥的起点。
功能一览
- 文字水印：最多 100 个字符，输入框带字数统计，默认内容为「仅供内部使用」
- 六种位置：平铺铺满整图，或单点放在居中、左上、右上、左下、右下
- 平铺间距：平铺模式下间距可调 40 到 400px，绘制范围向画面外延伸，四边不会留出空白
- 字号与旋转：字号 12 到 120px，旋转范围正负 90 度，斜向水印更难被裁掉或涂掉
- 颜色与不透明度：调色板支持带 alpha 的任意颜色，也可直接填色值文本；整体不透明度 5% 到 100%，步长 5%
- 实时预览：任一参数变动后约 80 毫秒重绘，预览区显示的就是最终效果
- 原分辨率导出：按原图像素绘制后导出 PNG，成品上没有本站的任何标记或广告
常见问题
- 上传的图片会被保存到服务器吗？
- 图片根本没有上传这一步。它由浏览器读进内存，用 canvas 画上文字后再导出，全程发生在你的设备上，页面加载完后断网也能正常打水印。这对需要给合同、证件照、内部报表加水印的场景很重要——那些图片原本就不该经过第三方服务器。
- 加了水印就不怕别人盗图了吗？
- 文字水印能起到声明归属和提高二次使用成本的作用，但不是技术上不可逆的保护。想让它更难去除，建议用平铺模式、把不透明度压到 20% 到 35% 之间、并给一个斜向旋转角度，让水印和图片主体大面积重叠。本工具做的是可见水印，不涉及隐写式的盲水印。
- 为什么导出的只有 PNG，我想要 JPG 怎么办？
- 固定导出 PNG 是为了避免二次有损压缩，也是为了保留原图可能带有的透明区域。如果你需要 JPG 或者更小的体积，可以把导出的 PNG 再放进本站的图片压缩工具，选 JPG 或 WebP 输出，顺手还能指定一个目标 KB。分两步走比在这里直接压成 JPG 更可控。
- 字号已经拉到最大，为什么水印在图上还是很小？
- 字号是按原图像素计算的，而预览区把图缩小显示了，所以视觉上会有落差。一张 4000 像素宽的照片上，120px 的字只占宽度的 3%，看起来自然很细。这类大图建议用平铺模式，靠数量而不是单个字号来覆盖画面；反之给几百像素的小图打水印时，40px 左右往往就够了。
- 平铺的水印为什么会互相重叠或看起来疏密不均？
- 平铺是按固定间距在横纵两个方向铺格子的，文字本身的长度不参与间距计算。所以水印文字较长、间距又设得较小时，相邻两行就会叠在一起。解决办法是把间距往大调，或者把文字缩短——把「本图片仅供内部审阅使用」改成「内部审阅」，观感会好很多。
- 颜色里的透明度和不透明度滑块是什么关系？
- 两者是相乘的。调色板里选的颜色如果自带 alpha，比如 50% 透明的白色，再叠上 35% 的不透明度滑块，最终大约只有 17% 的浓度，容易调得看不见。建议把调色板里的颜色保持完全不透明，只用滑块控制浓淡。浅色照片上用深灰或黑色，深色照片上用白色，可见度最好。