图片加水印

什么是图片水印？#

水印就是在图片上盖一层标识信息——文字、logo 或者一个重复的图案——让任何复制这张图的人也一并把你的标记带走。人们用水印通常有三个理由：在公开作品集上声明作者、防止客户样片被未授权使用、或者在文档外发前打上显眼的”草稿”或”机密”字样。要做得好并不像看上去那么简单：标识得清晰但不能盖住主体、位置得可控、最好能斜着铺满整张图让人裁不掉。

本页是一个完全在浏览器里运行的水印工作台。载入图片，选择文字或 logo 水印，再从三种摆放策略（九宫格角点/中心、自定义百分比、整图平铺）里挑一种，调节透明度、角度、颜色和字体，最后导出成 PNG、JPEG 或 WebP。原图在本地解码，盖好水印的像素也在本地重新编码。

怎么使用#

1. 把图片拖到虚线 拖放区（或点一下选文件）。
2. 顶部先选 水印类型：
   • 文字 —— 输入字符串（中英文混排都能渲染，因为字体栈里带了 CJK 回退）。再选 字体（无衬线/衬线/等宽/手写）、拖 字号（8–400px）、选 颜色，需要加粗就勾上 加粗。
   • 图片 —— 点 Logo 载入第二张图；它会被缩放到画布宽度的一个百分比（1–100%），同时保持自身的宽高比。
3. 选 位置 模式：
   • 九宫格 —— 点九个格子里的一个（左上、居中、右下……）。水印距边缘留出的边距按短边的 4% 自动计算，并在水印比格子还大时做夹紧，保证它绝不出框。
   • 自定义 —— 两个滑块调 X% 和 Y%。这里的百分比是按”行程”算的：0% 把水印贴到左/上边，100% 贴到右/下边，所以 100% 不会把水印顶出一半画面。
   • 平铺 —— 水印按横向和纵向 间距 滑块（0–400px）铺满整图。一旦你加了 角度，平铺网格会被铺到一张画布对角线大小的正方形上、再绕中心旋转，确保每个角都盖得到。
4. 调整体的 透明度（0–100%）和 角度（−180° 到 180°）——九宫格/自定义模式下角度作用于单个水印，平铺模式下作用于整个水印阵列。
5. 选 格式（PNG/JPEG/WebP），有损格式再调 质量（5–100）。
6. 预览实时刷新，满意后点 下载。点 重置 把所有滑块恢复默认。

主要特性#

• 三种真正的摆放策略，而不只是一个”居中”开关。 九宫格用于签名式标记，自定义用于精确定位，真正的对角平铺让人裁不掉。
• 能盖满画布的对角平铺。 平铺阵列铺在一张画布对角线大小的正方形上、绕中心旋转——这是唯一不留死角的几何做法。
• 字体对中日韩友好。 每个字体预设都带了 CJK 回退，所以”示例水印 2026”这种带中文的文字能正常显示，而不是一堆豆腐块。
• 自定义位置按行程算。 100% 表示贴住远端边缘，而不是”顶出去一半”，凭手感调位置就靠谱。
• Logo 保持宽高比。 logo 按画布宽度的百分比缩放、绝不拉伸，圆徽章还是圆徽章。
• 100% 本地。 原图和可选的 logo 都在浏览器里解码合成，不上传任何东西。

实例演示#

你要给客户样片每张都盖一层淡淡的、裁不掉的斜向”PROOF”。载入一张 1920×1280 的照片，水印类型 选 文字，输入 PROOF，字体 选无衬线、字号 120、颜色 #ffffff、勾上 加粗。把 位置 切到 平铺，横向间距 和 纵向间距 都调到 240 左右，再把 角度 拖到 −30°、透明度 调到 25%。预览里就能看到这个词沿对角斜向方阵铺满整张画面，每一份都淡到主体仍清晰可辨。导出成 JPEG、质量 85 即可。

如果同一张图只想要右下角一个品牌标识，位置 留在 九宫格，点右下角那个格子，透明度 80%、角度 0°，边距会自动设成约 51px（短边 1280 的 4%）。出来就是一个干净利落地待在角落里的徽标，而不是死贴着像素边缘。

常见问题#

中文水印显示成方框了。#

这通常是因为渲染环境里压根没有任何 CJK 字形。本工具的字体栈都带了 CJK 回退（PingFang SC、Microsoft YaHei、Noto Sans CJK 等），只要系统里装了其中之一，文字就能正常渲染。如果是一台被精简到没有任何中文字体的服务器，任何浏览器工具都画不出操作系统本身没有的字。

自定义模式里 100% 怎么没把水印顶出去？#

因为这个百分比是按”可行程”算的——画布宽度减去水印宽度之后的那段距离——不是按原始画布算的。所以 0% 贴左边、100% 贴右边，无论水印多大都始终完整留在画面里。

平铺加了旋转后某个角是空的。#

确认你用的是 平铺 模式，而不是自定义模式下手摆了好几份。平铺模式会把网格铺在一张画布对角线大小的正方形上、再绕画布中心旋转——这是唯一能保证任意角度都全覆盖的几何。手摆的对角图案做不到这点。

打水印会降低画质吗？#

合成这一步不会，但重新编码成 JPEG 或 WebP 会，由 质量 滑块控制。如果想要逐像素无损的母版，导出成 PNG（无损）；做网页样片的话，JPEG 85–92 肉眼无差别、体积小得多。