優點

（1）base64格式的圖片是文本格式，占用內存小，轉換后的大小比例大概為1/3，降低了資源服務器的消耗；

（2）網頁中使用base64格式的圖片時，不用再請求服務器調用圖片資源，減少了服務器訪問次數。

缺點

（1）base64格式的文本內容較多，存儲在數據庫中增大了數據庫服務器的壓力；

（2）網頁加載圖片雖然不用訪問服務器了，但因為base64格式的內容太多，所以加載網頁的速度會降低，可能會影響用戶的體驗。

（3）base64無法緩存，要緩存只能緩存包含base64的文件，比如js或者css，這比直接緩存圖片要差很多，而且一般HTML改動比較頻繁，所以等同于得不到緩存效益。

<img src="data:image/jpeg;base64,/9j/4AAQS……"/>

一般圖片小于10kb的時候，我們才會選擇使用base64圖片 太大的圖片轉換成base64得不償失

http://tool.chinaz.com/tools/imgtobase 圖片轉成base64的網站、
https://tinypng.com/ 壓縮圖片的網站

總結

以上是生活随笔為你收集整理的前端优化中使用base64的优缺点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。