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

Question

我使用带有 jpg 回退的 webp，例如：

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

但是<picture>标签是禁止的 im AMP.
我如何处理使用 webp 并回退到 jpg？

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