Çok sayıda resim içeren bir web sayfasının yüklenmesi uzun sürebilir ve birden çok sunucu isteği oluşturmasına neden olduğundan tek bir imaj yüklenerek bütün sitede kullanılacak ikonları pozisyonlarına göre seçilerek görünlememizi sağlar.
Ayrıca imaj CSS sprite kullanmak, sunucu isteklerinin sayısını azaltır ve bant genişliğinden tasarruf sağlamaktadır.
Aşağıda CSS ile örnek bir class yazdık.
#anasayfa{
background: url('css-sprite-teknigi.gif') 0 -45px;
}
#anasayfa:hover{
background: url('css-sprite-teknigi.gif') 0 -75px;
}