在 Wordpress 发布日志中,经常会发布一些独一无二的原创图片或者照片,当然不希望这些图片被恶意利用,你可能会用 .htaccess 增加了图片防盗链功能,但是遇到人肉采集,这些图片就无所遁形了。所以最好的方法就是给图片加水印,如果图片少那用 PS 就可以轻松搞定,如果图片量大,需要经常使用水印效果,那对于像我这样 PS 技术烂到不行的朋友就要头疼了。
幸好,Wordpress 有强大的插件支持,已经有自动添加水印的插件诞生了,比如:wp-watermark、Super Image Plugin。当然,我要介绍的更定不会是用插件实现图片水印啦,而是用 CSS 填加图片水印效果,同样可以一劳永逸。
先看效果图:

很帅吧,其中的“Life Studio”的 Logo 就是用 CSS 添加的水印效果。再看代码如下:
<img class="logo" src="http://picture.jpg" />
</div>
CSS 部分:
background:transparent url(http://watermark.png) no-repeat;
}
img.logo {
filter:alpha(opacity=75);
opacity:.75;
}
用 CSS 实现的图片水印,有其优势,当然也有其缺点。最大的优点就在于,节省了空间,不必生成一张新加了水印的图片保存于空间,而且在 IE 或者 Firefox 等各浏览器下都可以完美实现图片水印效果。而最大的缺点就是,依然防不住人肉,因为这个水印图片只是作为背景图片隐藏在图片背后。

这个可以收藏
原来是假水印,哈哈,我现在在使用windowslivewriter也可以加水印,但不知道是真水印还是假水印,有时间去试一下。
这个水印是欺骗自己啊 呵呵
哈哈,是的,没有实质的作用
刚才在altavista搜了下老万的收录 4000多条啊。。。
这个水印防不住啊,只是看上去有水印哈
altavista是啥东东。。。
也是个搜索引擎。。。
你把300给破了
好帅啊!
囧.....
嘿嘿黑
我突破300了!
不错不错!!!!我也来学学我也来试试!!!!
对于商品展示的网站来说,是个不错的方法哟~
不錯學習了!
哈哈,这个要好好学习一下
呵呵,很酷的效果吧,可惜没有从根本上遏制人肉盗链
是啊,图片存下来还是没有水印的。
空城计......依然无法防止人肉啊。
人肉怎么防都防不住,还是不防了,见一条K一条,比时间比速度
这个好,我觉得壁纸网站应该应用这个效果。既申明版权又不会破坏原有图片。
有道理哦,我到是没想到用在壁纸网站上,这效果应该不错,而且也方便
真神奇 ie下居然也有效果
我在IE下用了透明滤镜,所以也是有效的~
又学习了一招!谢谢分享,哈哈!
不用客气,常来逛哈~
这方法不错,不过对我不适用,我每个日志右上角都加了LOGO,总不能把他们弄花吧,只能每次勤快点用PS了。
我的PS技术太烂,每张要PS太耗我精力了,对我来说还是用代码搞定轻松一些,呵呵
我想做个漂亮的水印图
我还是使用.htaccess防盗链
恩,.htaccess是个不错的防盗选择,但是一样防不住人肉的吧?
但是人家盗链 貌似还是原图唉~
恩,还是没有从实质上解决盗链
我的博客图片的比较少,暂时还是用不到水印
我自己也很少用到,这个纯属技术贴
漂亮的说,不过在自己Blog加水印,被人拿去水印又没了,感觉和水印的初衷背道而驰了...虽然如此还是很赞!
所以说这个效果只能防君子,却防不了小人,没有实实在在的防盗作用,仅是摆设
这个不错,我去试试。
在FEED中会失去水印的效果,其他方面还是很不错的
效果不错,不过在READER里看不出来,哈哈
恩,确实,在订阅中还是有漏洞的,还没找到更完美的方法
知道了,,,
是不是感觉很神奇呀,HOHO~~~
我还是比较少加水印,也老是忘记,反正记得就用fw加一个
其实我也基本不用水印的,必竟不是以图片为主的博客,偶尔有些图片也谈不上原不原创的,所以水印对我来说意义不大
在FEED中没有水印~
恩,已经发现这个问题,漏洞,这个效果本来就是唬人的,没有实际作用,将图片另存为本地你就会发现
不错的想法,试过了,直接copy文章是会有水印D
如果是有心人,就不难发现,如果将这张图保存到本地水印就没了~
还是有漏洞啊
被唬住了
呵呵,小伎俩~
我准备全部打上水印,发现防盗链后,还有N多人肉采集的,没有办法了
人肉采集是防不住的,任何技术都没有用
呵呵,创意不错。让人望而却步。
假象,呵呵,如果是高手,一眼就识穿了
这也只是表面
呵呵,在Feed和本地都看不到水印的,假象而已
用来唬人不错的,真的。不过要是人家是rss订阅的,你就露馅了。。。哈哈
把这些图片保存在本地,也没有了水印,确定只能用来唬人啊
很强大,但写博客的我都不要版权了,越关心越伤心
呵呵,也是,这种东西只能防君子,防不了小人啊~
额 还是不可以。。。
什么不可以呀?
我之前说可以防盗图的 后来发现还是不可以 呵呵~~~
哦,呵呵,用来唬人还行,但是做不到真正的防盗
这个方法不错 可以防止盗图
如果有需要的话,我一般都会动用 PS 的,偶尔为之~~
我更喜欢用代码代替PS,嘿嘿
可以保护图片,不过失去了原来的功能
不算完全保护图片,保存到本地后还是没有水印的,所以不防人肉
其实俺就是这个意思;
图片没有加水印不是就是没有破坏图像吗,呵呵
简单而实用~~
恩,那是,效果也很不错的
╮( ̄▽ ̄")╭ CSS真是博大精深那,这几个定义我又没见过....
一个是滤镜,一个是半透明,半高级用法
哎呀,我的那些图片谁爱用爱用去。
我也想要水印,可是想象还是很麻烦。
我基本上也不用水印,麻烦
这个水印太大了吧
因为做演示用,所以我故意放大一些的
嗯。又见滤镜,不过在IE中还是可以搞搞的。半透明效果其它浏览器还是支持的。
也只有IE支持滤镜了,就是IE唯一存的理由~
戈兄,越来越羡慕你呢耶!怎么办啊~~~~
呵呵,我有啥好让你羡慕的呀?
这个不用俺说出来,大家都明白是啥让我羡慕!
效果不错 不用每张都要手动加水印了
不过这样貌似还无法防止盗用吧 因为在站外引用的时候没有你的css样式,是看不到水印的
恩,所以说只是唬唬人的啦
难道在这里自曝过了?
您老来迟了。
哎,现在比较多东西要做,白天上网基本不可能...
对了,不过万戈凶的照片我老早就看过了,嘿嘿
裸照你也看到过?
诶?连下面的小裤裤都没穿?
狠狠地自曝了一下,来的早看的到,来的晚的就错过啦,嘿嘿
不错的CSS效果阿。我有空试用一下插件。
万兄还真是一位零插件的狂人呀,强!!
哈哈,是呀,争取0插件
哈哈,换图拉~
来的早的都有幸目睹啦,哈哈
哈哈,不过在GG reader的feed中应该还保留着原图吧,只是其中更新了两次PP图你没看到
看到一张····还有呢···
还有一张太暴露了,我只发布了十分钟,恐怕没有人看到吧,HoHo~
快给老哥看啊。
哈哈,老哥抓狂了~好吧,我mail给你,保密哈,否则TJJ
赶紧的,
,保密保密哈。
我被老哥一览无余了~
哈哈~那已经是当年啦,现在人老珠黄,没有MM要我了
汗,你们这两个龌龊男。。。
哈呀,被狼兄发现了
这是你小时候把~
bingo~是小万戈
阅读器里看不到。这个不好用内联了吧。
恩,内联失败,也是个缺点
好处谁方便,坏处是保存到本地就没有水印了
恩,没错,所以要酌情使用哟~
同志们有人会PS的赶紧上场了
这是我年轻时的伟岸形象,谁敢玷污!
照片的男孩是谁呢?是你吗?
前面骑摩托的是他哈哈
嘿嘿,就是小弟我~
呜呜呜,没沙发了,就板凳吧。。
你板凳的速度也够快啦,
嘿嘿。。正在研究你另一篇日志~
呵呵,荣幸,我表达能力比较差,思维又跳跃,所以可能写的不是清楚,有啥不明白的可以给我留言
我才刚发布5分钟呢
很不幸,在rss里面没有效果。
没有用CSS内联,所以在订阅里看不到,我去修改下,谢谢提醒哈