动态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。