屏蔽图像以防止复制

时间:2013-01-12 15:57:36

标签: php image png block masking

互联网上有。这样的脚本,在另一个图像之前“跳”。 所以...例如,如果我找到一个图像,然后点击“另存为...”,我会得到1x1像素的图像来代替我想要安全的图像。

例如它 http://www.youtube.com/watch?v=9bZkp7q19f0 在观察计数器(1'167'974'545)旁边有动画。但是,如果我尝试复制链接或保存它,它“推”到我手中无用的图片。这个脚本在我的网站上非常有用。怎么做?

2 个答案:

答案 0 :(得分:3)

据我在youtube页面的代码中可以看到,他们使用以下行作为该图像的html元素:

<img class="watch-dancing-psy" src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif">

通常,src属性中引用的图像是1x1像素图像。

他们使用CSS来放置这样的真实图像(定义CSS类watch-dancing-psy时):

background-image: url(https://s.ytimg.com/yts/img/logo_dancing_psy-vflsJl9hC.gif);

答案 1 :(得分:1)

如果您的示例网址img src是1x1px透明gif,“实际”图片及其尺寸在CSS中定义为backgroundwidthheight属性。