如何隐藏具有清晰像素的图像

Question

当我去Google购物（http://www.google.com/prdhp）并右键点击小4彩色标签图片并选择查看图片（Firefox）时，我会在网址栏中看到此图片，并且没有图片：http://www.google.com/prdhp/clear.cache.gif ，它只是一个1x1的清晰点。 我怎样才能实现类似的技术？这叫什么？

Answer 1

有一些解决这个问题的可能性，但所有工作都相同：将真实图像放在页面上，并在真实图像上方添加另一个图像（实际上是透明的gif）。你可以这样解决：

<div style="background-image:url(realimage.png); width:400px; height:300px;">
    <img src="transparent.gif" alt="" style="width:400px; height:300px;" />
</div>

这将是一种更加强大的方法来防止图像窃取，但您也可以将真实图像作为img标记放到您的网站上，并将透明gif定位为img标记绝对值真实img。

Answer 2

这是一个图像元素，你提到的gif使用带有编码图像数据的uri将另一个图像作为背景。 background：url（data：image / png，base64，everything that follows here is a base64 encoded string with the image data），但你可以看到它只是一个巧妙的技巧，bupkiss

网络上的内容会保留在网络上。

如果您熟悉base64.decodestring(string)（对于python）或PHP的base64_decode($data)或.NET的byte[] byteArr = Convert.FromBase64String(data)，则可以将base64字符串解码为二进制数据。随便挑选。还有一些网站免费提供这项服务，原因有些奇怪。

Answer 3

我认为可以通过在<img>标记中加载1x1像素然后使用Javascript替换图像来完成此操作。另一种技术是使用CSS，将图像作为某个容器的背景加载，然后强制1x1像素<img>拉伸到容器元素的大小。