<picture> 元素和 srcset

Question

比起srcset，我更喜欢使用<picture> 元素，因为我可以使用WebP 并回退到JPG。我不能用srcset 做到这一点，这很遗憾。

但是，我更喜欢srcset，因为它能够通过分辨率更改图像，例如2 倍，3 倍

1. 有没有办法将这两个选项结合起来，让我可以两全其美。
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 来进行艺术指导。