首页 > 数字营销 > 营销观点 > 蓝韵铁军丨求你了,别再乱用图片了(二)

蓝韵铁军丨求你了,别再乱用图片了(二)

作者:小编来源:时间:2022-02-25

上一期说到了位图和矢量图的区别,这一期就唠唠咱们平时常见的几种图片格式:GIF、PNG8、PNG24、JPEG、WEBP等等。只有了解不同格式的特性,才能根据需求和场景选取合适的图片格式。

 

GIFGIF图像是基于颜色列表的(存储的数据是该点的颜色对应于颜色列表的索引值),最多支持8位(256色)。GIF文件内部分成许多存储块,用来存储多幅图像或者是决定图像表现行为的控制块,用以实现动画和交互式应用。GIF文件还通过LZW压缩算法压缩图像数据来减少图像尺寸。

 

 优势:

1、支持透明的图片

2、显示适度的动效

3、无损的图片压缩

4、适用于对色彩有严格眼球的

 

劣势:

1、图片色彩数量限制在256种

 

PNGPNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。

 

PNG8,是指8位索引色位图,每一张“PNG8”图像,最多只能展示256种颜色,所以PNG8格式更适合颜色比较单一的图像,例如纯色,logo,图标等,也正是因为颜色数量少,所以图片体积相对也会更小。

 

PNG24,是指24位索引色位图,可展示的颜色远远多于“PNG8”图像,最多可展示的颜色数量约为1600万。所以PNG24图像,所展示的图片颜色会更丰富,图片的清晰度也会更好,图片质量更高,随之而来的图片大小也很大。

 

 

 

JPEGJoint Photographic Experts Group),是一种针对照片视频而广泛使用的一种有损压缩标准方法。这个名称代表Joint Photographic Experts Group(联合图像专家小组)。此团队创立于公元1986年,1992年发布了JPEG的标准而在1994年获得了ISO 10918-1的认定。

 

特性:

1、适用于储存24位元全采影像

2、采取的压缩方式通常为有损压缩

3、不支持透明或动画

4、压缩比越高影像损耗越大,失真越严重

5、压缩比在10左右肉眼无法分辨出压缩图与原图的差别

 

 

WEBP,是一种同时提供了有损压缩与无损压缩的图片文件格式,派生自视频编码格式 VP8,是由Google在购买On2 Technologies后发展出来。WebP最初在2010年发布,2011年11月8日,Google开始让WebP支持无损压缩和透明色的功能,而在2012年8月16日的参考实做libwebp 0.2.0中正式支持。

 

特性:

1、同时提供有损压缩和无损压缩两种图片文件格式

2、文件体积小,无损压缩后,比 PNG 文件少了 45% 的文件大小;有损压缩后,比 JPEG 文件少了 25% - 34% 文件大小

3、浏览器兼容差,目前只支持客户端 Chrome 和 Opera 浏览器以及安卓原生浏览器(Andriod 4.0+)

 

平时网页中,内容图多以商品图等照片形式存在,颜色较为丰富,文件体积较大,此时可以优先考虑JPEG格式,条件允许的话优先考虑WebP格式的,尽量不要使用PNG格式,PNG8色位太低,PNG24压缩率低,导致文件体积大。

 

1、图标等颜色比较简单、文件体积不大、起修饰作用的图片当做背景应用场景时

2、PNG 与 GIF 格式,优先考虑使用 PNG 格式,PNG格式允许更多的颜色并提供更好的压缩率

3、图像颜色比较简单的,如纯色块线条图标,优先考虑使用 PNG8 格式,避免不使用 JPEG 格式

4、图像颜色丰富而且图片文件不太大的(40KB 以下)或有半透明效果的优先考虑 PNG24 格式

5、图像颜色丰富而且文件比较大的(40KB - 200KB)优先考虑 JPEG 格式

6、条件允许的,优先考虑 WebP 代替 PNG 和 JPEG 格式

 

TAGS
推荐阅读

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗