0

最近、サイトのアセット (ロゴ、リソースの写真) が次のようなサイトに遭遇しました。 

background: url("data:image/gif;base64,R0lGODlhbAAbAMQAADRNU////8PAvwCq3KunpYeCf+fm5RSGp3BpZgDW7tvZ2WRdWaCbmVhQTRSltPPy8re0sszMzHt1cgDs9xTBwJOOjBCNsgC/5TRZWBDOzd7e1vf39xCduYiCgEA3MwAAACH5BAEHAB4ALAAAAABsABsAAAX/oCeKDaEEaGBA0ui+cCzPdG3fM5HuqYHgQBtvNAzCeClZ44REdozQV9EzjVKbMl2zubBGp9UvFtZAKgiQCBLihYJ37SsyxuD9RgheJB58J9tbMWopbC55O3t8gHCKYSKDKAwvDQ87kopejlaakCoNLwsGKASYi398mlo9LUANDBGVKixHcx4VTAoMn3IoRFsBChW7SgSivzELTQbCNqpIBqwiTUtr0oy8Ww9PMc7HMQK  /AndkTL8B29go5UV+5gGXLhDup5PrSBHjI90BEcY7u  /N6WDsVEAU6D3UK0tjHg9SIMjsI7JLQ0EWTfpYG9tLo7sEuSgUD1Ggg71chD84E/7igiMgijwoeGoBb5ovgtQYSOr0TUYGHAgldON5oUMGfHRHrhnlgSchlCngx2ol8YdTAox0epVy7saDkDpW8FMBYl0+T043YYCT8EwvFyZpoXWhRcFAEgrYbW05KEyGaUBpSYRz6wwPqXxdrgcXowC6FWCBm4U5N+6Ino4paUTwYq2nwxnVBb0Q+7MirCqQ7HjtVoJTjZBeW/zhjjWM05dsiku0oZDqA3ytZMVDIQAGDB6P8JOxakDgAWM8BHhDIJ8N24BEd8Aa4wxgrM2ukMEwYPx5D83nodHpLt5X95JBgRSBv8sNBgvv3HVArmIiE9kCutQege0hkNQJTv/zAwV8FDDLIQUzqNUGbC6HMI1kYAwb0QGgjxLbFDwcMIKKIB4xQwHwRKdFbLQS+5t6F97SG3X9PeQDAiCIC8IIEBEBigADfzUCUACjCSM+LAWomQF1kVIAREjABcIAFB+gYAgA7") no-repeat scroll 0 0 transparent;

これはどのように可能ですか？また、私たちのサイトでそのようなエンコードを行うにはどうすればよいでしょうか?

編集
この時点ではあまり得意ではありません。可能であれば、答えを得るためにもう少し助けてください。画像をエンコードし、長すぎるコードを取得しました。これは約2ページで、cssに追加しましたが、成功しません! ! （ちなみに、それはパフォーマンスの向上に役立ちますか？）

4

2 に答える 2

0

上でコメントしたように、これは暗号化ではなくエンコードです。基本的には、css に外部的に埋め込まれて通常参照するのと同じリソースです。自分で作成するか、オンラインで入手できる多数のツールのいずれかを使用してみてください。wikiの記事も意外と充実しています。

コンテンツを保護するものではありませんが (つまり、誰でもファイルを保存できます)、正しく使用するといくつかの利点があります。主なものは、http リクエストが少ないことです。個々の画像リソースをすべてリクエストするのではなく、すべてダウンロード済みです。サイトのすべてのグラフィックを css ファイルにダンプするのではなく、ほとんどすべてのページで使用されている要素に固執してください。

IMO によると、もう 1 つの大きな利点は、リソース管理が容易になることです。小さなアイコンをスプライトする代わりに、個々のグラフィック ファイルを効果的に操作できます (バックグラウンド ブリーディング アーティファクトなどはありません)。ただし、ファイル サイズのオーバーヘッドが大きいため、罰せられることはありません (gzip を有効にすると 3% 程度に抑えることが推奨されます)。

基本的に、IE7 を除くすべてのブラウザがこのメソッドをある程度サポートしています。コンテンツのタイプ/サイズに関して、さらにいくつかの制限があります (IE8 の場合、最大 32kb など)。

于 2012-04-15T03:33:51.610 に答える
-1

画像のソースは、BASE-64 を使用してエンコードされているだけです。より高速です。これをデコードする場合は、たとえばhttp://www.motobit.com/util/base64-decoder-encoder.aspを使用して、ファイルへのエクスポートを選択し.binます。保存するよりも、拡張子を .gif に変更してください。:)

私が書いたように、それはより高速ですが、私の意見では不便です。

于 2012-04-15T03:21:23.887 に答える