DATA-URI 是指可以在Web 頁面中包含圖片但無需任何額外的HTTP 請求的一類URI.
DATA-URI 的定義,DATA-URI的格式,DATA-URI的優缺點,
DATA-URI 的定義
DATA-URI 是指可以在Web 頁面中包含圖片但無需任何額外的HTTP 請求的一類URI.
DATA-URI 模式在1995 年被首次提議。規範對它的描述為:“允許將小塊數據內聯為‘立即數’”。數據就在其URL 自身之中。
DATA-URI的格式
DATA-URI的格式為:
data: [][; base64],
例如:
一個紅色五角星形狀的內聯圖片可以定義為:
< img alt = " red star " src = " data: image /gif; base64,
R01GOD1hDAAMALMLAPN8ffBiYvWWlvrKy /FvcPewso9VVfajo +
w6O/zl5estLv /8 /AAAAAAAAAAAAAAAACH5BAEAAAs
ALAAAAAAMAAwAAAQzcElZyryTEHyTUgknHd9xGV + qKsYirKkwDYiKDBiatt2
H1KBLQRFIJAIKywRgmhwAIlEEADs =" >
DATA-URI的優缺點
儘管低版本的Internet Explorer 瀏覽器目前還不支持這種方式,但它能給其他瀏覽器帶來的節省值得關注。
大多數情況下DATA-URI 用戶內聯圖片,但它可以用在任何需要指定URL 的地方,包括script 標籤和a 標籤。
DATA-URI 模式的主要缺陷是不受IE 瀏覽器的支持,另一個缺陷是可能存在數據大小上的限制。另外base64[8]編碼在不啟用GZIP[9]壓縮時會明顯增加圖片的大小,因此整體下載量會增加。