aslında pek de bi bilgi gerekmiyor ben çata pata bişiler diyeim css sprite hakkında
http://tr.spritegen.website-performance.org/
yukarıda siteye girin zip dosyasına attığınız 3-5-10 resim dosyasını zipteki max boyut 1mb olacak

Daha sonra Tümleşik Resim Üretim Seçenekleri altında
Yatay Aralık: 5px
Dikey Aralık:5px
Diye ayarlayın

CSS Üretim Seçenekleri burada seçeneklerde sprite- silin gitsin sonrada Tümleşik Resim Dosyasını & CSS Kodlarını Üret ürete tıklayın tamamdır resim dosyasın indirip ftpye atmayı unutmuyoruz :D

gelelim eklemeye

orda nasıl olacağinida açıklıyor aslında



.deneme {
background: url(csg-5053b527745da.png) no-repeat;
background-position: 0 -62px; width: 15px; height: 12px;
}