今天看到一個網(wǎng)頁使用了background-image:url("data:image/gif;代碼，就進行了分析，隨后明白了作用是在使用帶有背景圖像的透明1x1圖像，使用數(shù)據(jù)URI來減少HTTP請求的數(shù)量。

Base64 Encode 1x1px透明GIF圖片能干什么？這種圖片的特征就是體積最小化，最大限度的減少帶寬。而且是透明的，具有隱身作用。用到的場景很多，比如測試瀏覽器是否支持data URI技術，或用來做一個透明的浮動層，或在lazy load圖片時用它來做占位符。

作為標準GIF文件(43字節(jié))的GIF 文件結構解析如下：

Header, 6 bytes: 包含 “GIF” 和所采用標準的版本，如 “GIF89a”.

Logical Screen Descriptor, 7 bytes: 包含文件大小、顏色表(color table)等

Global Color Table, 6 bytes: 對應RGB，每3字節(jié)表示一個

Graphic Control Extension, 8 bytes: 指明第二類顏色如何處理，如作為透明、動畫參數(shù)等

Image Descriptor, 10 bytes: 位置和大小信息，對動畫型gif，可以包含多幀信息

Image Data, 5 bytes: LZW 壓縮算法的圖片數(shù)據(jù).

GIF Trailer, 1 byte: 文件結束符，3B

下面就是Base64 Encode 1x1px透明GIF圖片的data URI數(shù)據(jù)，有一天你會用到它們。

最小圖片的base64使用代碼：

總結

以上是生活随笔為你收集整理的html blank.gif 1x1,Base64 Encode 1x1px透明GIF图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。