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

Ничего не мешает. Или Джаваскрипт или data:image/png;base64

Думал мож еще решения есть.

Насколько я понял тут речь о другом - об обязательности атрибута scr в теге img, а не об обязательном наличии тега img внутри контейнера picture.

Не?

В процитированной фразе - да. Но и img внутри picture тоже обязателен

Народ, я дико извиняюсь, но вам с шашечками или ехать?!

я же привел код, неужели его так сложно подстроить под себя?

Вот пример для вашего случая

<picture>

    <source media="(max-width: 767px)" srcset="/assets/images/logo-mobile.png">

    <source media="(min-width: 768px)" srcset="/assets/images/logo.png">

    <img src="/assets/images/logo.png" alt="hello world">

</picture>

пример http://decor-day.ru/imageload

Надо иметь ввиду, что picture source загружает изображения только при совпадении условия в media

img src оставлен для совместимости с ослами и прочей нечистью, а начиная с 13го эджа всё прекрасно отображается и в микрософтовских продуктах https://caniuse.com/#search=picture

У меня нет лого для мобил - мне НИЧЕГО не надо для (min-width: 768px)

Не-а, это не для его случая. Здесь подгружается картинка /assets/images/logo-mobile.png

Садись, двойка за поведение. :D

Dram, вы писали? /ru/forum/comment/15955076

Так что мешает поправить верстку с img на picture кроме религии?

---------- Добавлено 20.02.2019 в 16:47 ----------

Sitealert, по-моему пора расходиться.

Я не вижу плюсов picture - либо не валидный код, либо все равно что-тода будет грузится.

Сейчас я использую data:image/png;base64 но это дофига букаф и некрасиво

..либо жабаскрип, либо бекграунд в css.

Плюс тут только один. изображение загружается только тогда, когда совпадает media условие