HTMLとCSS：フォントと画像をデータ文字列に変換する

フォントと画像（一般的にアセット）をデータ属性に変換するにはどうすればよいですか？HTMLとCSS：フォントと画像をデータ文字列に変換する

資産がこのように高速または低速でロードされますか？

2011-06-26 Francisc

あなたは[データ属性]（http://ejohn.org/blog/html-5-data-attributes/）か、[データURI]（http://en.wikipedia.org/）を使用していますか？ wiki/Data_URI_scheme）？ – Jerome

こんにちは、ジェローム。私はデータURIを意味します。 – Francisc

DataURIはIE8より前のIEではサポートされていないことに注意してください。また、IE8では、最大32KBのdataURIをCSSアセットに制限しています。 DataURIの詳細については、this blog postを参照してください。

あなたはJavaの実装が必要な場合は、1 hereを見つけることができます。

これは、あなたがcssファイルにURI base64エンコードにすべての画像を変換することができます。このインプリメンテーションをプロジェクトに統合する方法の詳細については、this pageをご覧ください。

開示：私はwro4jプロジェクトに所属しています。

2011-07-24 12:37:48

ありがとう、アレックス。 – Francisc

別々のファイルをキャッシュすることができるうちに、各要求でデータをダウンロードする必要があるため、ページの読み込みが遅くなります。小さなファイルに対してのみデータURIの使用を維持してください。画像について

2011-06-26 20:46:22 ZippyV

あなたはFileSystem APIのreadAsDataURL meathodを使用することができます。しかし、それは今のところクロムでしか動作しません。

2011-06-26 21:19:15 Achshar

答えて