jpg、png图片格式及区别

1.矢量图和位图

位图是由一个个小的像素点构成的，优点是利于显示色彩丰富的写实图片，缺点是文件较大，并且放大和缩小会失真

矢量图是由点线面边框填充色等构成的，优点是占用空间少，放大缩小不会失真。缺点是很难表现自然度高的写实图像

我们在web页面上所使用的图片一般都是位图

2.有损压缩和无损压缩

有损压缩：基于人的视觉效果，去掉那些容易被忽略的细节，使用相近的颜色或渐变来填充，从而减少图像信息的数据量

无损压缩：把相同的颜色进行压缩记录，不同的颜色单独处理

jpg采用的是有损压缩，png采用的是无损压缩

3.jpg的特性

支持摄影图像或写实图像的高级压缩，可通过压缩比例控制大小

有损压缩使得图像质量下降，并且在编辑和重新保存时有损压缩会累积

不适合于所含颜色极少，或大块颜色相近的区域

4.png的特性

压缩时尽可能保持图片质量

png8或者png24代表能存储的最大颜色，2的8次方或24次方

png文件较大，即使压缩后也占用较大体积，不适合web页面

5.使用场景

png使用场景：a.图像上颜色较少，并主要以纯色或者渐变色进行填充

                        b.具备较大的亮度差异以及强烈的对比的简单图像

jpg使用场景：a.写实的摄影图像

                      b. 颜色层次非常丰富的图像

运用到实际中，一般商品图片，banner，人物图像用jpg；而背景图像一般用png