Спрайт може посилатися на будь-яке з наступного:

1. При зверненні до веб-сторінки спрайт - це одне зображення, яке складається з декількох зображень. Зображення праворуч є прикладом одного спрайту Computer Hope, який має 12 різних зображень, що використовуються на веб-сайті Computer Hope. Використовуючи спрайти на веб-сторінці, час завантаження покращується, а напруга сервера зменшується. У прикладі, тому що дванадцять зображень містяться в спрайті, ваш браузер має лише зробити один запит на сервер замість дванадцяти.

Нижче наведено приклад класу CSS, який використовується для показу піктограми сторінки друку на комп’ютерній надії. Кожне зображення в спрайті завантажується так само, але місце розташування зображення змінюється.

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

Незважаючи на те, що спрайт можна виконувати вручну, для користувачів, які є новими для спрайтів, або для тих, хто не хоче займатися навчанням створення спрайтів, радимо використовувати генератор спрайтів, наприклад Spritegen.com.

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

CSS, графіка, значок, терміни веб-дизайну