一個網站，由許多元素構成，如：文本、圖像、鏈接、表單、表格等，除了文本，圖像當屬重中之重了！在早先的
網站設計中，圖片都是獨立分開的；到了2004年，Dave Shea(css禪意花園作者)提出了使用css控制組合圖片的方案，將許
多小的圖片合成于一張畫布里，再通過background-position進行定位，來控制圖片的顯示位置和方式。
一時間，該方案得到人們的推崇，并將其稱為css Sprite技術，中文意思大概就是“css貼圖定位”或“css圖像拼合”。
那么，為什么要用該技術呢？它的優勢在哪里？存在哪些缺點呢？
首先，從網站的優化方面考慮。將許多圖片拼合成一張圖片，在加載時就不是對之前的每張圖片進行加載了，而
是
只要對拼合成的圖片加載一次就夠了，這就大大減少了http請求的次數，降低了服務器的負載；
其次，從css的維護方面考慮。圖片多了，就得為每張圖片命名，命名并不是一件很輕松的事情，有時候可以把人
搞得焦頭爛額，而把眾多的圖片合成起來，只要為組合圖片一次命名，省卻許多的時間；另外，在樣式表里書寫代碼時，可
以將樣式進行分離，只進行一次圖片應用，而其他的都只是定位的問題了，提升了代碼的精簡。
它的缺點同樣要從css的維護方面來說，因為css sprite大多使用于較固定的像素定位中，而一用到定位，布局上
就是固定住了，降低了網頁的彈性。
所以，在用該技術時，應該在可維護性和降低負載之間權衡利弊，選擇適合項目的方式。
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
