Как «Изображения объединить в лист спрайтов»?

Question

[Антон Теплоухов]

Google Web Designer сохраняет картинки к HTML5-баннеру рядом с .html-файлом. А Яндекс требует их обединить в «лист спрайтов», как это сделать, ничего не нашел.

Вот их требование:

Нужно минимизировать число файлов в архиве. Изображения объединить в лист спрайтов. При необходимости можно объединить все JS/CSS/Image-документы и включить их в HTML-файл. Максимальное число файлов — 50.

Answer 1

[Артур Гранд]

Не знаю, как конкретно у Яндекса там, но спрайт-лист это просто гигантская картинка, в которой есть все твои фоны и иконки. После ее создания, ты можешь у своих блоков стилем указать background c путем к картинке и смещением, масштабом.