如何为像9gag这样的图像添加水印

Question

我需要开始为我的图像添加水印，因为我开始注意到人们正在使用它们。我真的不喜欢在整个图像上都有水印。我更喜欢9gag这样做的方式：https://9gag.com/gag/352822

没有任何可见的水印，但是当您右键单击并保存图像时，您可以看到水印。这是怎么做到的？

Answer 1

水印的重点是防止删除归属和/或显示版权/所有权信息（http://en.wikipedia.org/wiki/Digital_watermarking）

9Gag做的事情很容易被颠覆它的琐碎。我需要做的就是裁剪图像并移除底部，瞧，图像是＆＃34;水印＆＃34;免费（它不是真正的水印，指的是与OP的定义一致）。

要使水印执行其功能，需要将其覆盖在图像上，以防止其被移除而不会损坏图像本身。你所要求的根本不是水印。

加水印图像的示例：http://s.we.lc/UNGZeT

Answer 2

CSS

div {margin: 25px 0 0;}
div:first-child {height: 150px; overflow: hidden; margin: 0;}​

检查出来：http://jsfiddle.net/J9y4G/

Answer 3

您提供的示例在图像文件底部（实际的.jpg）有额外的空间，其中包含网站的URL。当图像显示在页面上时，它的容器会缩小，以便实际显示URL的额外部分。

要复制此内容，您需要编辑每个图像以添加额外信息，然后重新设置图像样式以显示在稍小的框中。