我将picture标签与不同的图像变体一起使用。
代码：
<picture>
<source srcset="img/image_1200.webp 1x, img/image_1200@2x.webp 2x" media="(min-width: 1024px)">
<source srcset="img/image_968.webp 1x, img/image_968@2x.webp 2x" media="(min-width: 640px)">
<source srcset="img/image_592.webp 1x, img/image_592@2x.webp 2x" media="(min-width: 480px)">
<source srcset="img/image_440.webp 1x, img/image_440@2x.webp 2x" media="(min-width: 320px)">
<source srcset="img/image_320.webp 1x, img/image_320@2x.webp 2x" media="(max-width: 319px)">
<source srcset="img/image_1200.jpg 1x, img/image_1200@2x.jpg 2x" media="(min-width: 1024px)">
<source srcset="img/image_968.jpg 1x, img/image_968@2x.jpg 2x" media="(min-width: 640px)">
<source srcset="img/image_592.jpg 1x, img/image_592@2x.jpg 2x" media="(min-width: 480px)">
<source srcset="img/image_440.jpg 1x, img/image_440@2x.jpg 2x" media="(min-width: 320px)">
<img src="img/image_320.jpg" srcset="img/image_320@2x.jpg" alt="image">
</picture>
我想为野生动物园添加图像格式。哪种格式可能有效？ caniuse说，heic格式不适合。我是否缺少某些东西，还是应该只将jpg / webp用于野生动物园？