【问题标题】:Animated PNG (APNG) fallback to gif in unsupported browsers?在不受支持的浏览器中,动画 PNG (APNG) 回退到 gif?
【发布时间】:2020-06-12 17:18:47
【问题描述】:
显然 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>
【问题讨论】:
标签:
html
animated-gif
apng
image-fallback
【解决方案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>