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

Мопед не мой:

"using a <noscript> tag and placing the image inside the <noscript> tag. Then use javascript to remove the noscript tag as you need the image. In this way you can load images on demand using progressive enhancement."

А для тупых можно пример кода?

Не знаю, как там насчёт noscript, я могу только со скриптом предложить :D

$(document).ready(function(){

$('img').each(function(){if($(this).css('display')=='none')$(this).attr('src','blank.jpg');});

});

Все равно будет запрос к blank.jpg - а вообще чтоб без запросов?

Ну можешь ничего не писать, просто две кавычки '' - но корректнее всё же однопиксельную картинку подгружать - она ничего не утянет, а браузеру приятнее будет, ИМХО.

Sitealert, попробовал так, все равно грузится картинка

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

Он тянет то, что прописано в srcset и/или picture, а при их отсутствии/несоответствии - уже в src.

Но странный вообще вопрос - удалить из кода если не нужна. Если же нужна при каких-то условиях - то надо говорить при каких.

Логотип скрыт для мобильной адаптивной версии, но картинка все равно грузится.

Пока использую src="data:image/png;base64 но шибко засран код, вот ищу более изящное решение.

Вот его нужно выводить по "media" в десктопной версии

Ну я написал для случая, когда display none установлен на момент загрузки документа - а как там на самом деле, я не знаю.