圖片轉碼

今天再一次深刻認識到：

好記性不如爛筆頭

關于圖片轉碼，剛畢業那會兒其實就已經了解過，然而不怎么用，又給忘了，今天看到CSS文件里有個圖片的url超級長，如下圖：


CSS源碼

說一臉懵逼到不至于，只是我想改一下這個圖片，有點不知道怎么改，于是請教前端同學：

聊天記錄1
聊天記錄2

然后我又特地搜了一下圖片轉碼的作用，簡單總結如下吧：
優點：

  • 減少HTTP請求

缺點：

  • 增加了網頁的大小，所以只適合小圖標
  • 瀏覽器不會緩存這種圖片

參考資料：
Why do we use Base64?

When to Base64 Encode Images (and When Not To)

Base64 encoding images

When you should use base64 for images

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

推薦閱讀更多精彩內容