<picture> элемент и srcset

Question

Я предпочитаю использовать элемент <picture> для srcset, потому что я могу использовать WebP с отступлением от JPG. Я не могу сделать это с srcset, что является позором.

Тем не менее, я предпочитаю srcset, потому что он имеет возможность изменять изображение в соответствии с разрешением, например, 2x, 3x

1. Is есть способ объединить эти два варианта, чтобы я мог получить лучшее из обоих миров.
2. Почему я не смогу использовать srcset для художественного руководства, поскольку это часто используется в качестве основной причины использования <picture> но я не понимаю, почему я не смог сделать это с помощью srcset.

Answer 1

На самом деле вы можете комбинировать srcset с элементом изображения и использовать обе функции следующим образом:

<picture>
  <source 
    media="(min-width: 650px)" 
    srcset="images/kitten-stretching.png,
            images/kitten-stretching@1.5x.png 1.5x,  
            images/kitten-stretching@2x.png 2x">
</picture>

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