仅在WebP图像存在时显示

Question

我正尝试迁移到在我们的网站上使用WebP图像。

我们的S3存储桶中有很多图像，因此将它们全部转换为webp需要一些时间。相反，我只想在webp版本可用的情况下显示webp （它将具有确定性的URL结构）；如果没有，请显示原始的JPG / PNG。

当我尝试以下操作时，它不起作用（不用担心右上角的图标。webpImageUrl和originalImageUrl的值也正确）：

<picture>
   <source srcSet={`${webpImageUrl}`} type="image/webp" />
   <img src={`${originalImageUrl}`} />
</picture>

谢谢！