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

Question

[MegaPuxapb]

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

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

На ум приходит такой вариант:

// zaglushka.jpg" 1*1px
<picture>
   <source srcset="img/zaglushka.jpg" media="(max-width: 900px)">
   <img src="img/1.jpg">
</picture>

Возможно есть решения получше?