Bir sprite, aşağıdakilerden birine atıfta bulunabilir:

1. Bir web sayfasına bakarken, sprite birkaç görüntüden oluşan tek bir görüntüdür. Sağdaki resim Computer Hope web sitesinde kullanılan 12 farklı görüntünün bulunduğu Computer Hope single sprite örneğidir. Bir web sayfasında sprite kullanarak, yükleme süreleri iyileştirilir ve sunucu stresi azaltılır. Örnekte, on iki görüntü sprite içinde bulunduğundan, tarayıcınızın sunucuya on iki yerine yalnızca bir istek yapması gerekir.

Aşağıda Print Hope ikonunu Computer Hope'da göstermek için kullanılan bir CSS sınıfı örneği verilmiştir. Sprite içindeki her resim aynı şekilde yüklenir, ancak resmin konumu değişir.

 .print {background: url (img / definition / 134 / what-sprite.png) tekrarlama yok -10px -302px 

Bir sprite manuel olarak yapılabilse de, sprite yeni olan veya sprite nasıl yapıldığını öğrenmekle uğraşmak istemeyen kullanıcılar için Spritegen.com gibi bir sprite üreteci kullanmanızı öneririz.

2. Bir fare imleci veya klavye komutlarıyla bağımsız olarak hareket ettirilebilen bir grafik görüntü veya animasyonlu grafik görüntü. Sprite örneği bilgisayar fare imlecidir.

CSS, Grafik, Simge, Web tasarım terimleri