Владимир, в вашем последнем примере три картинки отображаются, а должна одна. Боюсь полюбопытствовать, вы понимаете что делает атрибут media? Думаю, понимаете) Но картинка-то должна одна появиться, а не три.
Mizutsune, Если изображений много и все они с одинаковым соотношением сторон, то этот вариант подойдет, если же изображения разные их много на сайте, то прописывать aspect-ration для каждого — та еще затея, а если еще изменить изображение, тогда вообще карнавал начнется...как это сложным выглядит.
Владимир, а как это решает проблему того, что я использую picture + source + media? Не понимаю. Могли бы привести на основе того, что в вопросе находится? Должна же одна картинка загрузится, а не три.
Владимир, Я понимаю, что код можно менять. Вот только поняли ли вы вопрос? Если не поняли, поясню. Представьте, у вас есть 10 изображений, медленный интернет, вы открываете страницу, текст подгрузился, а изображения еще не подгрузились, вы читаете написанное, изображение подгружается, оно занимает ранее не рассчитанный размер на странице и своим появлением сдвигает текст. Если бы изначально были указаны точные размеры изображения, то такого не произошло бы — вы прокрутили к тексту страницу, а подгрущающиеся изображения занимали бы отведенное им место, указанное в атрибутах width и height.
Ипатьев, Не знаю, зачем вам это надо, но если интересно, опишу. В MODX есть расширение под названием Console. Это своего рода песочница для работы с PHP и некоторыми другими возможностями системы. Так вот, при вводе указанной инструкции из вопроса эта консоль ничего не выводит, даже ошибок.