在CSS中加密图像

如何保护我的背景图像，如在此小提琴中：http://jsfiddle.net/johniehjelm/eECc6/ ？在CSS中加密图像

2012-02-10 user10850

这是[base64-dataURI]（https://developer.mozilla.org/en/Canvas_tutorial/Using_images#Embedding_an_image_via_data:_url）。 – 2012-02-10 17:57:48

在本例中使用的背景图像被称为数据URI。他们没有真正的保护，数据被转换为64位，就这些。就像所有其他答案所说的一样。这种技术的主要目的是减少HTTP请求的数量。因此，对于10个不同图像的10个请求，CSS只会有一个。

关于这项技术的方式及原因的更多信息可以在这里找到http://css-tricks.com/data-uris/

上述网站也提供数据URI的限制环节（IE7及以下不支持他们），它具有指向其他网站有办法解决这些限制。

2012-02-10 18:02:04 hradac

谢谢，感谢 – user10850 2012-02-10 18:22:32

其实它没有保护。您可以用base64格式转换的图像和CSS在谷歌 http://webcodertools.com/imagetobase64converter/Create

2012-02-10 17:56:36

你是不是加密图像使用它们

第一个结果。你只需要用base-64编码，然后将该字符串直接放入CSS文件的url()。

我用这个工具，每当我不得不这样做：http://www.greywyvern.com/code/php/binary2base64

2012-02-10 17:57:48 Blender

这不是加密。这是编码。图像数据以base-64编码（described here）;现代浏览器可以解码并显示以此方式编码的图像。

注意：要保存图片，用户只需右键点击即可将图片另存为...。

2012-02-10 17:57:48

这不是真正的加密，我不相信它会保护你的图像（如果你的浏览器可以显示它，你可以保存它）。

它只是base64编码并放在CSS中内联。

有很多工具（和示例代码）用于将二进制文件转换为base64编码的字符串。这里是一个工具，我用谷歌搜索很快发现：http://webcodertools.com/imagetobase64converter

感谢，

哈尔

2012-02-10 17:59:30 Hal

回答