网页制作常用图片格式

jpg(jpeg)

jpeg(Joint Photographic Experts Group)常见的一种有损压缩的图片格式。它用于去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像。但因DOS、Windows 95等早期系统采用的8.3命名规则只支持最长3字符的扩展名,为了兼容采用了.jpg。

png

png是一种无损压缩的图片格式

当原图片数据被编码成png格式后,是可以完全还原成原本的图片数据的,而编码成jpeg则会损耗一部分图片数据,这是因为两者的编码方式和定位不同。jpeg着重于人眼的观感,保留更多的亮度信息,去掉一些不影响观感的色度信息,因此是有损压缩。png则保留原始的所有的颜色信息,并且支持/alpha通道,然后采用无损压缩进行编码。

因此对于jpeg来说,通常适合颜色更丰富,可以在人眼识别不了的情况下尽可能去掉冗余颜色数据的图片;而png适合需要保留原始图片信息、需要支持透明度的图片。

png保存图片有多种不同的像素深度和像素格式可以选择。

png-32:

每个像素的深度为32bits, 其中RGBA四个通道各占8bits。所谓的RGBA四个通道,就是红,绿,蓝,透明这四种色值各自的大小,都用8bits来表示。

png-24:

PNG-24像素深度为24bits, 其中RGB三个通道各占8bits。PNG-24因为没有Alpha通道(透明通道),所以不支持透明图片

png-8:

PNG-8将图片中用到的每种颜色都存储在一个长度为255的数组中,称之为条色盘,然后每个像素上存储对应颜色在条色盘上的位置。因为颜色上限是255种,所以每个像素只需要8bits就可以表示对应的颜色信息。这种表示颜色的方式被称之为索引色。PNG-8相比之下确实使用了更少的空间来存储颜色,但是他能表达的颜色种类是有上限的,所以在将PNG-32转换成PNG-8时会在一些颜色过渡的地方会明显的看到不平滑的渐变。

webp

WebP,一种同时提供了有损压缩于无损压缩,派生自图像编码格式VP8 。

Webp,是Google新推出的影像技术,可让网页图档,有效进行压缩,同时又不影响图片格式兼容于实际清晰度,进而让整体网页下载速度加快。

由于目前互联网上传输的数据有65%都是图片,WebP就是出于减少数据量、加速网络传输的目的而开发的。为了改善JPEG的图片压缩格式,他们使用了一种基于VP8编码的图片压缩器,利用预测编码技术,同时还采用了一种基于RIFF的非常轻量级的容器。这种容器只会给每张图片增加20字节,但能让图片作者保存他们想要存储的元数据

扫描二维码关注公众号,回复: 9902910 查看本文章

与JPEG相同,WebP是一种有损压缩利用预测编码技术。这种格式的主要优势在于高效率。他们发现,“在质量相同的情况下,WebP格式的图像的体积要比JPEG图像小40%。

美中不足的是,WebP格式图像的编码时间比'JPEG格式图像长8倍'

WebP源于Google的开源视频格式WebM

猜你喜欢

转载自www.cnblogs.com/jett-woo/p/12491636.html