常用图片格式对比分析

常用图片无非就以下4种

  1. PNG

  2. JPG(JPEG)

  3. GIF

  4. WebP

1.png分为png8 和 png24

png8 只支持2^8(256)种颜色,半透明和全透明

仔细看一下png8的妹子图片,颜色看起来确实不够鲜艳

image.png

这幅是我随便画的图片,图层设置50%半透明,但是png8 只支持 全透明和全不透明

image.png

png8 适合应用于颜色比较单一的logo,icon图片。

png24相比,支持半透明,色彩也显示得更加丰富,但是相应的图片大小更大,适合应用于摄影作品

jpg也可以叫jpeg,色彩支持24bit,同png24一样能显示丰富的色彩,但是不支持半透明,但是图片体积比较小,适用于网络上显示比较丰富的图片


在图片经过编辑保存之后,jpg图片会逐渐失真,png不会。

原因是jpg采用的是有损压缩,png采用的是无损压缩。


gif:gif可以支持动画,类似于png8的布尔透明类型,只有全透明跟全不透明,没有半透明,是无损耗的图像格式。

webP:是有损压缩,

WebP:可以选择区别无损和有损压缩

在有损压缩情况下,相比JPEG减少25%~34%的大小,有损WebP也支持透明通道,大小通常约为对应PNG的1/3

在无损压缩情况下,相比PNG减少26%大小

于gif相比支持动画,动态WebP相比GIF支持更丰富的色彩,并且也占用更小空间,更适应移动网络的动图播放。

1539156399134726.png

唯一的缺点是,技术实现的成本比较高,而且苹果和ie对它完全不支持

评论关闭。