为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种方式的特点：

前端浏览器加水印：

• 减轻服务端的压力，快速反应
• 安全系数较低，对于掌握一定前端知识的人来说可以通过各种骚操作跳过水印获取到源文件
• 适用场景：资源不跟某一个单独的用户绑定，而是一份资源，多个用户查看，需要在每一个用户查看的时候添加用户特有的水印，多用于某些机密文档或者展示机密信息的页面，水印的目的在于文档外流的时候可以追究到责任人

后端服务器加水印：

• 当遇到大文件密集水印，或是复杂水印，占用服务器内存、运算量，请求时间过长
• 安全性高，无法获取到加水印前的源文件
• 适用场景：资源为某个用户独有，一份原始资源只需要做一次处理，将其存储之后就无需再次处理，水印的目的在于标示资源的归属人

这里我们讨论前端浏览器环境添加

二、收益分析

简单介绍一下目前主流的前端加水印的方法，以后其他同学在用到的时候可以作为参考。

作者：ELab
链接：https://juejin.cn/post/6964357725652254734
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

标签：方案,浏览器,前端,用户,水印,添加,加水
来源： https://www.cnblogs.com/tianyuedianzi/p/14798033.html