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