图片加水印是一个在浏览器里给图片叠加文字水印的小工具,支持自定义文字内容、位置、透明度、字号和颜色。它解决的是「图片发出去就被人白嫖」的问题,比如你拍了原创摄影图、做了设计稿、截了课程讲义,发到小红书或闲鱼前想压一行「© 2024 张三 禁止商用」,用这个工具 10 秒就能搞定。整个过程图片不会上传到任何服务器,全部在本地用 Canvas 绘制,断网也能用。适合自媒体作者、设计师、电商卖家、老师发课件等场景,单张图处理耗时通常在 200ms 以内,批量的话一张一张来即可。
| 对比维度 | 本工具 | 手工/替代做法 |
|---|---|---|
| 处理耗时 | 单张约 200ms,含上传、调参、下载 | 用 Photoshop 打开→加文字图层→导出,熟练也要 1~2 分钟 |
| 隐私安全 | 图片不上传,全部在浏览器本地 Canvas 绘制 | 在线水印网站通常要上传到服务器,存在泄露风险 |
| 成本 | 免费,无次数限制,无注册 | PS 订阅约 20 美元/月,或买断版 2000 元以上 |
| 参数精度 | 透明度 0~100% 可调,位置精确到像素 | 手工拖动靠肉眼,位置误差常有 5~20px |
| 批量能力 | 一次一张,适合零散处理 | PS 可用动作批处理,100 张约 3~5 分钟 |
建议 30%~50%。低于 20% 在手机小屏上几乎看不见,起不到声明版权的作用;高于 70% 会明显遮挡画面主体,影响观感。如果是纯文字声明类水印,40% 是多数场景的平衡点;如果是防盗图用的密集平铺水印,可以降到 15%~25%。
会有一点。工具用 Canvas 重新绘制,PNG 输出是无损的,像素完全一致;JPG 输出默认质量 0.92,属于视觉无损区间,文件体积通常比原图小 10%~30%。如果你对画质要求极高,建议原图存 PNG,加水印后也导出 PNG。
当前版本一次处理一张。原因是所有计算都在浏览器本地完成,批量会占用大量内存,2000×2000 的图同时开 10 张就可能让标签页崩溃。如果你有 50 张图要处理,建议一张一张来,单张耗时约 200ms,50 张也就 1 分多钟。
可以。九宫格是快捷方式,实际绘制时用的是 Canvas 的坐标系统,你可以手动输入 X、Y 值,单位是像素,原点在左上角。比如 1920×1080 的图,想让水印右下角距边缘 40px,就设 X=1920-文字宽度-40,Y=1080-文字高度-40。
不会。整个工具是纯前端实现,图片通过 FileReader 读进浏览器内存,用 Canvas 绘制后直接触发下载,没有任何 fetch 或 XHR 上传请求。你可以打开开发者工具的 Network 面板验证,断网状态下功能完全正常。
输入支持浏览器能解码的格式:JPG、PNG、WebP、GIF(只取第一帧)、BMP。输出支持 PNG 和 JPG 两种,PNG 保留透明通道,JPG 不支持透明会填白底。SVG 不能直接作为输入,需要先转成 PNG。单张建议不超过 20MB。
适用范围:JPG、PNG、WebP、GIF(首帧)、BMP,单张建议 ≤20MB、≤8000×8000 像素。水印为文字类型,不支持图片 Logo 叠加。输出 PNG 无损、JPG 默认质量 0.92。隐私说明:图片全程在浏览器本地用 Canvas 处理,不上传任何服务器,断网可用,关闭标签页后内存即释放。