header_v1.7.40

都是小透明!GIF、PNG、APNG有什么差别呢?

81天前发布

原创文章 / UI / 观点
小浣熊干脆猫 原创,如需商业用途或转载请与小浣熊干脆猫联系,谢谢配合。

简单谈谈GIF、PNG、APNG三种支持透明的图片格式的差别

大家都知道支持alpha通道的常用图片格式有GIF、PNG和APNG,那么这三者各有什么优缺点呢?


GIF

GIF(Graphics Interchange Format)诞生于1987年,是一种位图图形文件格式。以8位色(即256种颜色)重现真彩色的图像。最后更新于1989年,所以现在我们一般所说的GIF动画都是指89a的格式。

优点:

体积小;

缺点:

只支持8位色显示,也就是每一帧图像最多只能有256种颜色;

只能支持完全透明或者完全不透明的像素显示,像素无法平滑过渡,边缘会有明显锯齿。

PNG

便携式网络图形(Portable Network Graphics)是一种无损压缩的位图片形格式,诞生于1996年。PNG-8格式与GIF图像类似,只支持8位色显示,PNG-24则可以支持24位真彩色图像,以及半透明效果,使得像素可以平滑过渡。

优点:

显示效果好;

压缩比大;

缺点:

不支持动态;

对于颜色信息多的图片(如照片)不能大幅压缩。

APNG

APNG(Animated Portable Network Graphics)诞生于2004年,是PNG的位图动画扩展。可以简单地理解为PNG格式的动画版。

优点:
显示效果好;

压缩比大;

缺点:

对于颜色信息多的图片(如照片)不能大幅压缩;

兼容性不好,目前只有Firefox和Safari支持APNG显示。


将上文总结为如下表格:

希望各位小可爱可以根据需要的场景选择不同格式的图片。


0

    文章信息

    • 文章标签

    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功