Html 使用<；图片>；

我试图以WebP格式提供不同大小的图像，但当我将代码放在下面时

<picture>
<source srcset="image/test-desktop.jpg" type="image/jpg"  media="(max-width: 768px)">
<source srcset="image/test-desktop.webp" type="image/webp" media="(min-width: 769px) ">
<source srcset="image/test-mobile.webp" type="image/webp" media="(max-width: 768px)">
<img src="image/test-mobile.jpg" alt="Responsive Image">
</picture>

但我唯一想到的是这幅：

为什么会这样？ 因为我眼中的代码是正确的

我在用Chrome开发工具进行模拟，上面的图像总是回到我的脑海中