动态png
今天在使用腾讯文档时候,无意间看到这个VIP badge图片资源是png后缀,但却是个动画。之前以前png只能是静态,查询资料发现png是可以动画的。这里就简单介绍下,填补这个知识盲点。
动态png
动态png专业叫apng
。
- 文件后缀还是
png
。 - mime还是
image/png
- png支持
透明通道
综上,即通过文件基本信息是不能区分静态/动态的。
png vs webp
除了png,平时动态图片还可以使用webp。需要了解到webp相对体积占用更小,浏览器支持的情况下,更推荐webp格式。
例子
这里直接拿腾讯文档这个VIP Badge来做对比。
webp
png
补充说明:腾讯文档这里图片资源访问是自动返回合适格式,因此,目前的现代浏览器访问下,虽然后缀是png,实际上返回的数据类型是webp。
写在最后
由上,即可简单了解动态PNG。