Самый простой способ НЕ грузить картинку в display none?

Можно пример кода? Не совсем врубаюсь в чем разница - прятать для мобильной или выводить для дескопной.

если для мобильной, то можно пойти более современным путем

<img src="images/space-needle.jpg" sizes="50vw"

srcset="images/space-needle.jpg 200w, images/space-needle-2x.jpg 400w,

images/space-needle-hd.jpg 600w">

<picture>

<source media="(max-width: 20em)" srcset="images/small/space-needle.jpg 1x,

images/small/space-needle-2x.jpg 2x, images/small/space-needle-hd.jpg 3x">

<source media="(max-width: 40em)" srcset="images/medium/space-needle.jpg 1x,

images/medium/space-needle-2x.jpg 2x, images/medium/space-needle-hd.jpg 3x">

<img src="space-needle.jpg" alt="Space Needle">

</picture>

Делают либо через srcset, либо через css @media.

---------- Добавлено 19.02.2019 в 15:48 ----------

mobilefirst ибо.

Вначале делается минимум - для мобил. А потом обвешивается плюшками для дестопа.

Это повлияет только на внешний вид. Assets браузер один хрен загрузит. Потому только грузить (да тем-же аяксом) в случае десктопа. А в html коде картины физически быть не должно. Тогда будет гарантированно результат который хочет ТС

Я не знаю, что Вы имеете в виду под Assets - но явно не то, о чём написал я. Может быть, какие-то assets браузер и грузит.

Он все правильно написал - @media просто спрячут картинку, но она все равно будет запрашиваться браузером и загружаться

Ой, не надо вот только... Все прям теоретеги такие... 🙄

Sitealert, если бы я не проверил, я бы сюда не писал.

У меня логотип спрятан в дисплей нон как раз через медиа в ксс и все равно на мобилах картинка запрашивается и загружается.

Думаешь, я просто так пишу? Это проверено 100500 раз.