图片水印加在哪里、多大合适?网格锚点、字号换算与平铺间距的实测
图片加水印只有三个参数要定:放在哪、多大、多透明。其余的坑都在换算上——边距按“文字中心”算、字号按图宽百分比算、平铺间距也按图宽百分比算,所以同一组数字在不同尺寸的图上效果完全不同。
本文在一张 3248×1924 的 PNG 截图(498.58 KB)上,用在线图片加水印工具跑了一轮,把位置、字号、透明度、平铺和导出结果都记下来。文中水印统一用品红色,只是为了在截图上看得清边界。

网格定位的锚点是文字中心,不是文字的边
选「右下」、边距 5%,很多人以为是“文字右边距图右边缘 5%”。实际不是:文字的中心点被放到锚点上,锚点离右边缘 5% 图宽(3248 × 5% ≈ 162px,即第 3086 列)。
实测这一组参数(字号 4%,即 130px 字):水印像素落在第 2892–3247 列,可见宽度 356px。文字全宽约 381px(同样文字在边距 15% 下测得),中心在 3086 列意味着右边缘到 3276 列,超出画布约 28px——被切掉的是最后一个字母的边,贴到了最后一列。
把边距调大就能看出规律:
| 边距设置 | 水印像素范围(列) | 文字中心 |
|---|---|---|
| 0% | 3054–3247 | 3248(正好在图外) |
| 5% | 2892–3247 | 3086(右侧约 28px 被裁) |
| 15% | 2567–2947 | 2757 |
| 30% | 2080–2460 | 2270 |
15% 那行:3248 × 85% = 2761,实测文字中心 2757,差 4 像素是字形左右留白。30% 那行:3248 × 70% = 2274,实测 2270。边距控制的是锚点位置,文字以锚点为中心左右各占一半——这就是靠边时会被裁的原因。
文字一长,先被裁掉的是后半句
同一组参数,把水印文字从「t.bt.cn」改成「t.bt.cn 宝塔拨测 版权所有」,可见宽度从 356px 变成 912px,右边依然顶在第 3247 列,后半句「版权所有」整个落在画布外。

所以角落水印的字数要克制。实战里的三个做法:
- 角落只放域名(3–6 个字符),边距 8%–15%,操作最少:填个域名、拖一下边距即可;
- 要放长句就换居中,居中时锚点在图中央,左右都有空间;
- 既要长句又要靠边,只能用平铺(下面讲),平铺不依赖单个位置。
字号:1%–20%,实际字高约为设定值的 0.74 倍
字号按图片宽度百分比设置,所以同一组数字在 1200 宽的配图和 3248 宽的截图上完全是两种大小。实测 3248 宽的图:
| 字号设置 | 实际字高 | 水印像素宽度 |
|---|---|---|
| 2% | 48px | 190px |
| 4% | 96px | 356px |
| 8% | 191px | 549px |
字高约为「图宽 × 字号% × 0.74」,因为字号是字体的 em 尺寸,实际墨迹只占其中一部分。按这个比例换算,1200 宽的配图选 4%,字高约 35px;1600 宽的图选 4%,字高约 47px。
选值的经验:正文内嵌图 3%–5%,封面和头图 4%–6%,超过 8% 就开始压住内容了。
不透明度:默认 80%,浅色底上靠描边而不是靠调高
不透明度从 0 到 100%。实测同一位置、同一字号,水印像素相对原图的平均色差:
| 不透明度 | 平均色差 |
|---|---|
| 100% | 246.5 |
| 80%(默认) | 220.4 |
| 40% | 159.5 |
色差指的是水印像素与原图对应像素之间的通道差,数值越小说明越“透”。40% 在深色画面上仍然清楚,但在白色背景的截图、文档上基本看不出来。
这时候别急着拉到 100%——100% 是一块实色,会直接盖住底下的字。更有效的做法是打开「启用描边」和「启用阴影」(两项默认就是勾选的),给文字加一圈深色轮廓,白字压在浅色底上也立得住。本文的截图为了看清边界,把这两项关掉了。
平铺:间距 10%–80%,30% 时水印像素占全图 0.87%
平铺会把水印沿 -45° 方向重复排列,隔行错开半格,间距同样按图宽百分比算。实测字号 4%、不透明度 80%:
| 平铺间距 | 水印像素数 | 占全图比例 |
|---|---|---|
| 10% | 389,158 | 6.23% |
| 30% | 54,484 | 0.87% |
| 80% | 13,597 | 0.22% |

间距 80% 时水印像素掉到 13,597 个,可见范围只有 319×299 像素——画面上实际只剩一两处,跟角落水印差不多,失去了平铺的意义。间距 10% 则密到 6.23%,画面被切得很碎。
平铺真正的价值是抗裁剪:角落水印裁掉那一角就没了,平铺的裁掉一角还剩一片。代价是遮住的内容更多,适合发样片、发预览图,不适合文章配图。
自由拖拽:预览里的绿虚线框不会进导出图
自由拖拽模式从画面中心起步,拖动时会出现一个绿色虚线框。实测拖到中上部后,预览里的变化区域是 1430–1810 列 × 459–617 行(含虚线框);而导出的 PNG 与源图逐像素比对,变化像素 13,594 个、范围 1430–1810 × 481–576。
也就是说,虚线框只是定位参考,导出的图里只有文字。位置想放哪放哪,不用担心框被一起导出。
点「应用水印」= 直接下载,尺寸不变、体积重编码
这个工具没有“再点一次下载”的步骤,点「应用水印」浏览器就直接下载文件,文件名是 watermarked-原文件名.扩展名。实测原图 domain-certificate-detail.png,输出为 watermarked-domain-certificate-detail.png(或 .jpg、.webp)。
输出尺寸保持 3248×1924 不变。体积会变,因为整张图要重新编码一次——同一张图、同一水印,JPEG / WebP 质量 92(PNG 是无损编码,不读质量参数):
| 输出格式 | 文件体积 |
|---|---|
| PNG | 978,337 字节(955.4 KB) |
| JPEG | 281,830 字节(275.2 KB) |
| WebP | 272,362 字节(266.0 KB) |
原图是 510,550 字节(498.58 KB)。PNG 重编码后体积接近翻倍,这是加水印的必然成本;要发网页就用 JPEG 或 WebP。质量滑杆也只在选 JPEG / WebP 时出现,PNG 的体积不受它影响。
还有一个容易被忽略的点:输出 JPEG 会把透明区域填成白色。用一张 800×600 的透明 PNG 试了一次,PNG 输出角点是 (0,0,0,0)、共 355,050 个透明像素;JPEG 输出角点是 (255,255,255,255)、透明像素 0 个。带透明背景的 logo 加水印后要保留透明,格式就不能选 JPEG。
水印防不住盗图,这三件事要清楚
水印常被当成“防盗”,实际它能做的是标注来源、提高搬运成本:
- 角落水印一刀就裁掉。实测右下角水印只占 356×96 像素,图宽 3248,裁掉右下角一小块,水印就没了,画面主体几乎不受影响。
- 平铺也不等于锁死。水印是画在像素上的,重绘、覆盖、重新排版都能把它去掉;这个工具本身也不做任何加密或校验,导出的就是普通图片。
- 能留证据的是原图和首发时间。保留未加水印的原图、首次发布的页面快照,比把水印做得更密更花更管用。
所以参数别往极端调:字号 4% 左右、不透明度 70%–80%、角落或 20%–30% 平铺,画面还看得清,来源也标得住。
常见问题
水印为什么会被图边切掉? 网格定位以文字中心为锚点:边距 0% 时文字正好一半在图外;边距 5% 时文字全宽约 381px、一半是 190px,超过 5% 图宽的 162px,所以尾部约 28px 被裁。按 190 ÷ 3248 ≈ 6% 算,边距 6% 以上就能完整显示,15% 更保险。
字号能不能直接填像素? 不能,只能填占图宽的百分比,工具会按图片实际宽度换算。同一组百分比在 1200 宽和 3248 宽的图上字高相差近 3 倍。
输出格式怎么选? 要透明背景选 PNG 或 WebP;要传网页优先 JPEG、WebP;本次实测的三种格式里 PNG 体积最大(978,337 字节),且不受质量参数影响。
能批量加水印吗? 页面是这个单图工具,一次处理一张,不支持批量上传。同组图可以先看图片裁剪工具把尺寸统一,再逐张加水印。
水印挡住内容怎么办? 优先改位置和平铺密度,其次降不透明度;只在浅色底上看不清时才上调,或打开描边/阴影。
常见问题
水印加在右下角,为什么右边被切掉了?
网格定位把水印文字的**中心点**放在九宫格锚点上,边距是锚点到图边的距离。实测 3248 宽、边距 5%、字号 4%(130px 字):文字全宽约 381px,中心落在第 3086 列,右边缘到 3276 列,超出画布约 28px,可见宽度 356px——被切掉的是末尾字母的边。文字全宽的一半约 190px,190 ÷ 3248 ≈ 6%,边距设到 6% 以上就能完整显示,15% 更保险。
字号占图片宽度多少合适?
工具范围 1%–20%。实测 3248 宽的图:2% 字高 48px、4% 字高 96px、8% 字高 191px,约为设定值的 0.74 倍。正文配图建议 3%–5%,封面图 4%–6%,再大就会压住画面内容。
不透明度设多少才既看得见又不挡内容?
默认 80%。同一张图实测水印像素平均色差:100% 时 246.5、80% 时 220.4、40% 时 159.5。40% 已经明显变淡,放在浅色截图上容易看不清;底色接近文字颜色时,改用描边或换颜色比继续调高不透明度更有效。
平铺水印的间距怎么选?
范围 10%–80%,按图宽计算。实测 3248 宽的图:间距 10% 时水印像素 389,158 个(占全图 6.23%),30% 时 54,484 个(0.87%),80% 时只剩 13,597 个(0.22%,画面上只有一两处)。既想覆盖大部分画面又不糊成一片,20%–30% 比较平衡。
加了水印,图片尺寸和体积会变吗?
尺寸不变,3248×1924 进、3248×1924 出。体积会变,因为整张图要重新编码一次:同一张图同一水印(JPEG / WebP 质量 92,PNG 为无损编码、不读质量参数),实测 PNG 978,337 字节、JPEG 281,830 字节、WebP 272,362 字节,原图是 510,550 字节。要控制体积,输出格式选 JPEG 或 WebP。
处理图片会上传到服务器吗?
页面写明「所有处理均在浏览器本地完成,不会上传到服务器」,加水印用的是浏览器的 Canvas。处理含客户信息、后台地址的截图时,仍建议用完刷新页面,别把原图留在浏览器里。