精靈圖的目的：很多大型網站在首次加載的時候需要加載很多小圖片，如果在同一時間，服務器又擁堵的話，就會導致頁面加載慢。為了解決這一問題，就用了精靈圖來解決加載時間過長影響用戶體驗的問題。

精靈圖的本質：精靈圖就是把很多小圖片放在一張大圖片里，所以在首次加載圖片的時候，就不用加載那么多圖片了，只需要加載出來那一張大圖片就行了。這樣就減少了頁面加載的速度，也減輕了服務器的壓力。

比如我們想要顯示ANDY。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的前端学习（120）：css精灵和好处的全部內容，希望文章能夠幫你解決所遇到的問題。

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