このフィドルのように背景画像を保護するにはどうすればいいですか:http://jsfiddle.net/johniehjelm/eECc6/ ?CSSで画像を暗号化する
答えて
例で使用した背景画像はデータのURIと呼ばれています。ここで私はGoogle検索ですぐに見つけるツールです。彼らは本当に保護されていない、データはベース64に変換され、それだけです。ちょうど他のすべての答えが言ったように。この手法の主な目的は、HTTP要求の数を減らすことです。そのため、10種類の画像に対して10回のリクエストをする代わりに、CSS用に1回だけリクエストします。
この技術のノウハウや疑問の解消についての詳しい情報はここで見つけることができhttp://css-tricks.com/data-uris/
上記のサイトでは、データのURIの制限のリンク(IE7以下にそれらをサポートしていない)を持っており、それはへのリンクがありますそのような制限を回避する方法を持つ他のサイト。
ありがとう、ありがとう – user10850
実際には保護されていません。あなたは、base64形式で画像を変換し、あなたが画像を暗号化されていませんhttp://webcodertools.com/imagetobase64converter/Create
グーグル にCSSで
まず結果をそれらを使用することができます。あなたはbase-64でそれをエンコードし、その文字列をCSSファイルのurl()
に直接押し込んでいます。
私はこれをしなければならなかった時はいつでも私は、このツールを使用しました:http://www.greywyvern.com/code/php/binary2base64
これは、暗号化ではありません。これはエンコーディングです。画像データはベース64符号化されている(described here)。現代のブラウザは、このようにして符号化された画像を復号して表示することができる。
PS:画像を保存するには、右クリックして画像を保存してください。をクリックしてください。
これは実際には暗号化されていないため、とにかくあなたの画像を保護するとは思えません(ブラウザで表示できれば保存できます)。
単純にbase64でエンコードされ、CSSにインラインで配置されています。
バイナリファイルをbase64でエンコードされた文字列に変換するためのツール(およびサンプルコード)がたくさんあります。 http://webcodertools.com/imagetobase64converter
おかげで、
ハル
- 1. JavaでTripleDESで画像を暗号化/復号化する
- 2. SDWebImage暗号化画像
- 3. ドッカー画像でドッカー画像やソースコードを暗号化するには?
- 4. ElGamalを使用して画像ファイルを暗号化/復号化する
- 5. 画像を暗号化されたPDFに変換する
- 6. ckeditorの画像アップロードURLを暗号化する方法
- 7. Base64 CSSで画像を符号化する
- 8. 目的のcのUIIImageViewで暗号化画像を表示
- 9. AESとハッシュパスワードをキーにした画像ファイルのJava暗号化と復号化
- 10. AESを使用して暗号化された画像のように復号化された画像
- 11. ユーザパスワードを暗号化する2ウェイ暗号化のハンドル/ストア暗号化キー
- 12. RSAで画像を暗号化する際にエラーが発生する
- 13. C#暗号化されたデータをJavascriptで暗号化する
- 14. AESアルゴリズムを使用した画像暗号化
- 15. シーザー暗号暗号化Python
- 16. 良い暗号化/暗号化の本
- 17. OpenAM:RESTFUL API - 暗号化/暗号化パスワード
- 18. Java暗号化:整数値を暗号化する
- 19. RSA暗号化/復号化
- 20. 暗号化/復号化soll
- 21. 暗号化と復号化
- 22. AES暗号化/復号化
- 23. 復号化、暗号化
- 24. カスタム暗号化暗号化/復号化ストリーム
- 25. 暗号ブロックチェーンの復号XOR「暗号化」
- 26. 暗号化された画像を復号化せずにブラウザに表示する方法
- 27. サーバーから暗号化し、クライアントで暗号化を解除します(クライアントでは暗号化しません)。
- 28. Windowsでのrsa暗号化opensslでの暗号化と復号化
- 29. 暗号化、Pythonで
- 30. Java暗号化に関する質問(AES-ECB暗号化)
これは[base64-dataURI](https://developer.mozilla.org/en/Canvas_tutorial/Using_images#Embedding_an_image_via_data:_url)です。 –