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

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

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

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


Возможно есть решения получше?
  • Вопрос задан
  • 209 просмотров
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Как вариант можно устанавливать изображение в качестве background-image через CSS для блока который будет выполнять роль "картинки". Или как вы и указали в тексте вопроса, через тег picture. Конечно можно найти сотню и других вариантов. Но мне кажется что background-image или тег picture являются наилучшими решениями.
Ответ написан
Ваш ответ на вопрос

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

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