Как заменить изображения бэкграунда под различные разрешения?

Question

[Void117]

Собственно суть вопроса в заголовке.
Я понимаю, что это можно сделать через media-quaries, но ведь в такой случае происходит банальное перекрытие стилей и в таком случае появляется несколько запросов на сервер. Или же я ошибаюсь на этот счёт и только активный стиль создаст http-запрос?
В любом случае хочется услышать как наиболее оптимально организовать замену src изображений фона в адаптивном дизайне?
Спасибо.

Answer 1

[Алексей Зуев]

Чем гадать тут, почему бы не проделать опыт с тестовой страницей и посмотреть вкладку сеть. Сразу станет понятно - скачивает ли браузер сразу все картинки или же только для активных стилей. Если лень тестировать, то почитайте тут

Answer 2

[kiberlain]

ну тогда придётся наверно спрайт делать, а размеры родительского блока опять же настраивать через media queries