2011-06-26 137 views
1

如何將字體和圖像(一般資產)轉換爲數據屬性?HTML&CSS:將字體和圖像轉換爲數據字符串

資產的加載速度會更快還是更慢?

+0

您是在談[數據屬性](http://ejohn.org/blog/html-5-data-attributes/)還是您的意思是[數據URI](http://en.wikipedia.org/維基/ Data_URI_scheme)? – Jerome

+0

嗨,傑羅姆。我的意思是數據URI。 – Francisc

回答

2

您應該知道DataURI早於IE8不支持IE。另外,IE8對css資產中至多32KB的dataURI有限制。關於DataURI的更詳細的描述可以在this blog post找到。

如果您需要Java實現,你可以找到一個here

這允許您將所有的圖像轉換成css文件base64編碼的URI。有關如何將此實現集成到項目中的更多詳細信息,請訪問this page

披露:我隸屬於wro4j項目。

+0

謝謝Alex。 – Francisc

1

您的頁面加載速度會變慢,因爲數據必須隨每個請求一起下載,而單獨的文件可以被緩存。儘量只保留小數據文件的數據uri的使用。

的圖片URI編碼器:http://www.scalora.org/projects/uriencoder/