Почему я должен использовать srcset и size с тегами <img> вместо <picture> для адаптивных изображений?
Я понимаю идею использования srcset а также size в <img> тег для переключения разрешения с адаптивными изображениями и <picture> элемент для художественного руководства с отзывчивыми изображениями. Я прочитал несколько раз, чтобы не использовать <picture> элемент для переключения разрешения, например, эта статья на сайте Opera.
Причины, которые я видел, приведены в том, что <picture> элемент заставляет браузер использовать данное изображение при добавлении srcset а также size для <img> тег позволяет браузеру решать. Например, у браузера может быть какая-то причина, основанная на условиях сети и т. Д., Чтобы сделать определенный выбор из представленных изображений. Однако это излишне усложняет мой код (пытаясь выбрать правильную структуру в зависимости от того, делаю ли я переключение разрешения или художественное направление), и я, возможно, даже не смогу определить разницу (так как подкомпонент, над которым я работаю, выполняет обрезку и масштабирование в пользовательском интерфейсе браузера).
Я не вижу никакой убедительной причины не просто использовать <picture> для всех адаптивных изображений в конкретном приложении, над которым я сейчас работаю. Есть один? Есть ли какой-то вариант использования для srcset а также size на <img> тег, который мне не хватает? Кажется излишне сложным пытаться поддерживать оба без какого-либо преимущества, которое я вижу.