网页制作常用图片格式

　　jpg(jpeg)

　　jpeg(Joint Photographic ExpertsGroup)常见的一种有损压缩的图片格式。它用于去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像。但因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新推出的影像技术，可让网页图档，有效进行压缩，同时又不影响图片格式兼容于实际清晰度，进而让整体网页下载速度加快。

　　VP8编码

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

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

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