WordPress纯代码给图片打上水印功能

效果图片:

WordPress纯代码给图片打上水印功能

核心功能:

无论原图大小如何,水印要保持自身宽高比不变形,同时在大图片上不显得过小、在小图片上不显得过大,始终保持 “可看的样子”。

通过限制水印与原图的最大 / 最小占比来实现,既保持水印自身比例,又能适配不同尺寸的原图。当然也可以制作2个水印文件一大一小这样可以节省服务器资源!不需要每次都缩放水印图片!

主要我们是用在博客上必定打水印次数不多!所以没有趣这种方案!

核心实现逻辑:

严格保持水印自身比例:

代码会先计算水印原图的宽高比(例如水印是 200x100px,比例为 2:1),缩放时始终按这个比例计算,绝对不会变形。

适配大图片:

通过min_ratio(最小占比,如 8%)确保:在大图片上,水印至少占原图的 8%(例如 1920px 宽的图,水印至少 154px 宽),不会小到看不清。

适配小图片:

通过max_ratio(最大占比,如 20%)确保:在小图片上,水印最多占原图的 20%(例如 300px 宽的图,水印最大 60px 宽),不会大到遮挡内容。

自动平衡:

对于中等尺寸的图片,水印会在 “最小占比” 和 “最大占比” 之间自动取值,保持视觉协调。

这样无论原图是大是小,水印都会保持自身比例,且始终处于 “可看的合理大小”。

使用方法:

将下载的代码复制粘贴到WordPress的functions.php脚本中!同时制作一个水印图片watermark.png 文件并上传到wp-content/uploads目录下

常见缩放失效排查:

水印原图尺寸过大:如果水印原图本身是 1000x1000px,即使缩放 10% 也会有 100x100px,可能看起来过大,建议先将水印原图裁剪到合适尺寸(如 300x300px 以内)。

scale_ratio数值太小:例如设为0.01会导致水印只有原图的 1%,可能看不清,建议从0.1开始测试。

服务器 GD 库未开启:联系主机商开启 GD 扩展(必要条件)。

  • {{attr.name}}:
登录后可免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 赞助以后获取 请先登录 您今天的下载次数(次)用完了,请明天再来 扣除积分以后免费获取马上获取 登录后可免费转存资源登录 游客赞助我元也可免费转存资源赞助
当然解锁会员可以转存本站所有共享资源,解锁会员
您当前的用户组不允许下载升级会员
免费下载地址 您可以每天下载资源次,今日剩余
提示:本文最后更新时间为 2025-10-21 如文中内容素材有错误或者已经失效,请留言告知。
声明

⚠️文章默认采用共享署名-相同方式共享 4.0 国际许可协议进行,转载请注明本文链接。

⚠️博客的资源类均来自于用户网盘投稿分享,作个人学习使用,其版权均归原作者所有。

⚠️我非常重视版权问题,如有侵权请邮件与我联系admin#5186a.com处理。敬请谅解!

  1. 不错~

    • 凑活用用而已😁

今日签到