动态png

今天在使用腾讯文档时候，无意间看到这个VIP badge图片资源是png后缀，但却是个动画。之前以前png只能是静态，查询资料发现png是可以动画的。这里就简单介绍下，填补这个知识盲点。

动态png

动态png专业叫apng。

1. 文件后缀还是png。
2. mime还是image/png
3. png支持透明通道

综上，即通过文件基本信息是不能区分静态/动态的。

png vs webp

除了png,平时动态图片还可以使用webp。需要了解到webp相对体积占用更小，浏览器支持的情况下，更推荐webp格式。

例子

这里直接拿腾讯文档这个VIP Badge来做对比。

webp

png

补充说明：腾讯文档这里图片资源访问是自动返回合适格式，因此，目前的现代浏览器访问下，虽然后缀是png,实际上返回的数据类型是webp。

写在最后

由上，即可简单了解动态PNG。