Как убрать изображение, чтобы оно не грузилось при определённой ширине экрана?

Обратил внимание, что при display: none в медиа запросах, изображение всё равно грузиться. Это видно в консоли, во вкладке network.

Как правильно убрать, чтобы не грузилось?

На ум приходит такой вариант:
// zaglushka.jpg" 1*1px
<picture>
   <source srcset="img/zaglushka.jpg" media="(max-width: 900px)">
   <img src="img/1.jpg">
</picture>


Возможно есть решения получше?
  • Вопрос задан
  • 226 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы