html - 动画 PNG (APNG) 在不受支持的浏览器中回退到 gif？

Question

显然，APNG 回落到 unsupported browsers 的第一帧

但是有没有办法让它在不受支持的浏览器中退回到 gif，就像我们为 webP 所做的那样？

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

Answer 1

这行得通! (我认为这只是因为对 <picture> 和动画 png 的支持非常相似( here 和 here )，但它也适用于“UC Browser for Android”，它显然支持 <picture> 但不支持 APNG ) 🎉

<picture>
  <source srcset="image.png" type="image/apng">
  <source srcset="image.gif" type="image/gif">
  <img src="image.gif">
</picture>