圖片轉(zhuǎn)base64的作用 base64的用途為什么圖片要用base64轉(zhuǎn)碼?
base64的用途為什么圖片要用base64轉(zhuǎn)碼?因為傳輸通道只支持ASCII字符,所以傳輸二進(jìn)制流不方便。包含非ASCII字符,容易出現(xiàn)編碼問題。所以您需要使用Base64來轉(zhuǎn)換為ASCII字符。B
base64的用途為什么圖片要用base64轉(zhuǎn)碼?
因為傳輸通道只支持ASCII字符,所以傳輸二進(jìn)制流不方便。包含非ASCII字符,容易出現(xiàn)編碼問題。所以您需要使用Base64來轉(zhuǎn)換為ASCII字符。Base64用于將二進(jìn)制數(shù)據(jù)編碼為ASCII字符(圖片、文件等可以轉(zhuǎn)換為二進(jìn)制數(shù)據(jù))
把圖片轉(zhuǎn)成base64編碼有什么好處嗎?
將圖片轉(zhuǎn)換為Base64編碼最常見的應(yīng)用是將網(wǎng)頁中的一些圖片轉(zhuǎn)換為Base64編碼,可以實現(xiàn)在網(wǎng)速較低時,網(wǎng)頁圖片先于內(nèi)容加載不好,減少HTTP請求的數(shù)量,減輕網(wǎng)站服務(wù)器的負(fù)擔(dān)。1至于提前加載圖片的應(yīng)用,可以看一下天貓首頁的CSS代碼。您可能沒有注意到,當(dāng)我們在網(wǎng)速不好的情況下上網(wǎng)訪問天貓時,頁面未滿時會出現(xiàn)“小貓”等待圖標(biāo),增加了用戶體驗。它的實現(xiàn)原理是使用Base64將圖像編碼為CSS。眾所周知,CSS是在HTML的頭部引用的。如果先加載以下內(nèi)容,網(wǎng)速不好時會出現(xiàn)這種效果。(天貓CSS截圖)2。眾所周知,我們的網(wǎng)站采用HTTP協(xié)議,而HTTP協(xié)議是一種無狀態(tài)連接,即在連接和傳輸后會斷開連接,以節(jié)省資源。此時,解決方案是盡可能減少HTTP請求。此時,Base64編碼可以將圖片添加到CSS中,并且可以通過請求CSS下載圖片,從而減少了對圖片的再次請求。當(dāng)然,有很多方法可以減少HTTP請求的數(shù)量,比如CSS-sprite技術(shù),它可以將web頁面中的小圖片折疊成大圖片。下載時,只需要一個完整的HTTP請求即可減少請求數(shù)。