在CSS中加密圖像

Question

如何保護我的背景圖像，如在此小提琴中：http://jsfiddle.net/johniehjelm/eECc6/ ？

Answer 1

在本例中使用的背景圖像被稱爲數據URI。他們沒有真正的保護，數據被轉換爲64位，就這些。就像所有其他答案所說的一樣。這種技術的主要目的是減少HTTP請求的數量。因此，對於10個不同圖像的10個請求，CSS只會有一個。

關於這項技術的方式及原因的更多信息可以在這裏找到http://css-tricks.com/data-uris/

上述網站也提供數據URI的限制環節（IE7及以下不支持他們），它具有指向其他網站有辦法解決這些限制。

Answer 2

其實它沒有保護。您可以用base64格式轉換的圖像和CSS在谷歌 http://webcodertools.com/imagetobase64converter/Create

Answer 3

你是不是加密圖像使用它們

第一個結果。你只需要用base-64編碼，然後將該字符串直接放入CSS文件的url()。

我用這個工具，每當我不得不這樣做：http://www.greywyvern.com/code/php/binary2base64

Answer 4

這不是加密。這是編碼。圖像數據以base-64編碼（described here）;現代瀏覽器可以解碼並顯示以此方式編碼的圖像。

注意：要保存圖片，用戶只需右鍵點擊即可將圖片另存爲...。

Answer 5

這不是真正的加密，我不相信它會保護你的圖像（如果你的瀏覽器可以顯示它，你可以保存它）。

它只是base64編碼並放在CSS中內聯。

有很多工具（和示例代碼）用於將二進制文件轉換爲base64編碼的字符串。這裏是一個工具，我用谷歌搜索很快發現：http://webcodertools.com/imagetobase64converter

感謝，

哈爾