宝塔拨测博客拨测技术博客
宝塔拨测

图片水印加在哪里、多大合适?网格锚点、字号换算与平铺间距的实测

图片加水印只有三个参数要定:放在哪、多大、多透明。其余的坑都在换算上——边距按“文字中心”算、字号按图宽百分比算、平铺间距也按图宽百分比算,所以同一组数字在不同尺寸的图上效果完全不同。

本文在一张 3248×1924 的 PNG 截图(498.58 KB)上,用在线图片加水印工具跑了一轮,把位置、字号、透明度、平铺和导出结果都记下来。文中水印统一用品红色,只是为了在截图上看得清边界。

图片加水印工具:网格定位选右下、字号 4%、不透明度 80%、边距 5%,水印文字的右边已经顶到画布边缘

网格定位的锚点是文字中心,不是文字的边

选「右下」、边距 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 列,后半句「版权所有」整个落在画布外。

图片加水印工具:同样是右下角、边距 5%,文字变成「t.bt.cn 宝塔拨测 版权所有」后,右半句被画布裁掉

所以角落水印的字数要克制。实战里的三个做法:

  • 角落只放域名(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%

图片加水印工具:对角平铺、间距 30%,水印沿斜向重复,裁掉任意一角剩下的画面里仍有水印

间距 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。

水印防不住盗图,这三件事要清楚

水印常被当成“防盗”,实际它能做的是标注来源、提高搬运成本:

  1. 角落水印一刀就裁掉。实测右下角水印只占 356×96 像素,图宽 3248,裁掉右下角一小块,水印就没了,画面主体几乎不受影响。
  2. 平铺也不等于锁死。水印是画在像素上的,重绘、覆盖、重新排版都能把它去掉;这个工具本身也不做任何加密或校验,导出的就是普通图片。
  3. 能留证据的是原图和首发时间。保留未加水印的原图、首次发布的页面快照,比把水印做得更密更花更管用。

所以参数别往极端调:字号 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。处理含客户信息、后台地址的截图时,仍建议用完刷新页面,别把原图留在浏览器里。

图片水印在线加水印水印位置平铺水印图片版权宝塔拨测