amp-html - 如何使用 amp-img 将 webp 回退到 jpg？

Question

我将 webp 与 jpg 的后备一起使用，例如：

<picture>
  <source srcset="img/my.webp" type="image/webp">
  <img src="img/my.jpg">
</picture>

但是在<picture>AMP 中禁止使用该标签。
如何处理使用 webp 并回退到 jpg？

标签： amp-html

Answer 1

您可以通过在以下内容中定义后备图像来做到这一点amp-img：

<amp-img alt="Mountains"
  width="550"
  height="368"
  src="images/mountains.webp">
  <amp-img alt="Mountains"
    fallback
    width="550"
    height="368"
    src="images/mountains.jpg"></amp-img>
</amp-img>

https://www.ampproject.org/docs/reference/components/amp-img#example:-specifying-a-fallback-image