Спрайт може да се отнася до някое от следните:

1. Когато препращате към уеб страница, спрайт е единично изображение, което се състои от няколко изображения. Картината вдясно е пример за компютърна надежда, която има 12 различни изображения, използвани в уебсайта Computer Hope. Чрез използването на спрайтове на уеб страница времето за зареждане се подобрява и стреса на сървъра намалява. В примера, тъй като дванадесетте изображения се съдържат в спрайт, браузърът ви трябва само да направи една заявка към сървъра вместо дванадесет.

По-долу е даден пример за CSS клас, който се използва за показване на иконата на печатната страница на Computer Hope. Всяко изображение в спрайт се зарежда по същия начин, но местоположението на изображението се променя.

 .print {фон: url (img / definition / 134 / какво-е-sprite.png) без повторение -10px -302px 

Въпреки че спрайт може да се направи ръчно, за потребители, които са нови за спрайтове или които не искат да се занимават с обучение как да правят спрайтове, препоръчваме да използвате генератор на спрайт като Spritegen.com.

2. Графично изображение или анимирано графично изображение, което може да се премества самостоятелно с помощта на курсора на мишката или клавиатурата. Пример за спрайт е курсорът на компютърната мишка.

CSS, Графика, Икона, Условия за уеб дизайн