圖片轉換為base64編碼的好處

將圖片轉換為base64編碼最常見的應用應該就是在將網頁中的一些圖片轉換為base64編碼可以實現網頁圖片在網速不好的時候先于內容加載和減少HTTP的請求次數來減少網站服務器的負擔。

1.主要:減少了HTTP請求 ? ? ?

我們都知道,我們的網站采用的都是HTTP協議,而HTTP協議是一種無狀態的鏈接,就是連接和傳輸后都會斷開連接節省資源。此時解決的方法就是盡量的減少HTTP請求,此時base64編碼可以將圖片添加到css中,實現請求css即可下載下來圖片,減少了在此請求圖片的請求。當然減少HTTP請求次數的方法還有很多,如css sprite技術,將網頁中的小圖片拼在一張大圖片中,下載時只需要一次完整的HTTP請求就可以,減少了請求次數。

2、提前加載圖片的應用

這個大家可以去看一下天貓主頁的css代碼,大家可能沒注意到,在我們使用網速不好時候的網絡去訪問天貓的時候,在頁面沒有完全加載出來的時候就會出現一個“小貓”的等待圖標,增加了用戶體驗。其實現的原理就是將那張圖片使用base64編碼放到css中,因為我們都知道,css是在html頭部引用的,要優先于下面的內容被加載,所以在網速不好的時候就會出現這種效果。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容