Генератор спрайт-листа
Об'єднуйте зображення у спрайт-лист з автоматично згенерованим CSS-кодом. 100% у браузері.
Ctrl+Enter виконатиCtrl+Shift+C скопіювати
Дізнатися більше
Генератор CSS-спрайтів: об'єднання зображень із CSS-кодом
Дізнайтеся, як створювати спрайт-листи з автоматично згенерованим CSS-кодом background-position для оптимізації вебсторінок.
Що таке CSS Sprite Sheets
Спрайт-лист об'єднує кілька малих зображень в один більший файл зображення. Кожне окреме зображення займає визначену ділянку у листі. У веброзробці CSS background-position використовується для відображення лише потрібної частини спрайт-листа для кожного елемента, зменшуючи кількість HTTP-запитів та покращуючи швидкість завантаження сторінки.
5 хв читанняЧитати повний посібник