<picture>元素与srcset

Question

我更喜欢将<picture>元素用于srcset，因为我可以使用WebP作为JPG的后盾。我不能用srcset来做这件事，这太可惜了。

然而，我更喜欢srcset，因为它具有通过分辨率改变图像的能力，例如2x，3x

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作为艺术方向，因为这似乎是可能的。