沐鳴:_css精靈技術(sprite)有什麼用?

css精靈技術(sprite)允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢显示出來了。對於當前網絡流行的速度而言,不高於200KB的單張圖片的所需載入時間基本是差不多的,所以無需顧忌這個問題。

它會將多個圖像組合成一個稱為精靈表或拼貼圖的單個圖像,用戶不下載多個文件,而是下載單個文件並通過偏移文件显示必要的圖像(或精靈圖)。

這樣可以減少對服務器的調用、減少呈現網頁所需的下載次數,節省帶寬並縮短用戶端的下載時間,減少網絡擁塞。

可以有效減少服務器接收和發送請求的次數,提高頁面的加載速度。


一個網頁中往往需要多個小圖片作為修飾,當網頁中的圖像過多的時候,服務器就會頻繁的棘手和發送請求,將大大降低頁面的加載速度。

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/7535