HTML5 Изображение в picture №1

Измените размер браузера, чтобы увидеть различные версии загрузки изображения в разных размерах видового экрана. Браузер ищет первый исходный элемент, в котором медиа-запрос соответствует текущей ширине видового экрана пользователя, и извлекает изображение, указанное в атрибуте srcset.

Элемент img требуется в качестве последнего дочернего тега блока объявления изображения. Элемент img используется для обеспечения обратной совместимости для браузеров, которые не поддерживают элемент picture, или если ни один из исходных тегов не соответствует.

Примечание: Элемент picture не поддерживается в IE12 и более ранних версиях или Safari 9.0 и более ранних версиях.