關於精靈圖

之前就發現一些網站把所有的小圖標拼接在一張圖片中，但是一直不知道這是怎麼做到的，今天特地瞭解了一下，才知道這種用法叫做精靈圖。他的優點是可以減少瀏覽器請求的次數，把所有圖片拼接在一張圖中就只需要請求一次，當瀏覽器需要用到圖片時再從大圖片中解析。這樣可以加快訪問的次數。先來看看效果圖： 拼接的圖片： 他的原理是，先規定好每個小圖標的大小，創建一個和小圖標大小相同的容器，再通過移動背景圖片的方法將大圖

>>阅读原文<<