jpg、png、jpeg区别与压缩等知识总结 —— 性能优化篇

jpeg

jpeg是一个国家专家小组，同事也是一种算法名称，而用JPEG算法压缩出来的静态图片文件称为JPEG文件，扩展名通常为*.jpg、.jpe.jpeg。
JPEG文件大体上可以分成两个部分：标记码(Tag)和压缩数据。标记码由两个字节构成的，换而言之他们都是数据来的，是可以进行算法压缩的。本质上就是算法和空间的权衡。

.jpe.jpeg是同样的东西，和.htm与.html一样，受限当年DOS时代对扩展名不能超过3个字符的规则。严格来讲后者才是正主。

png

png格式是一种16进制数据，并且是可以无损压缩的。由于数据记录方式的不同，png不会有数据丢失就能达到无损记录，压缩到极致后不断压缩清晰度是不会受影响的。压缩掉的内容包括了数据的“j简写”，以及图片信息（eg: 作者、版权、位置信息等）

··

区别

1.jpg格式就比png格式加载的快。原因是同样大小的jpg和png图片下载的时间是相同的，但是jpg图片是有RGB三种描述的，
2.jpg在反复的上传保存中会有损压缩
3.png和jpg，前者是无损格式，后者有有损格式，和是否能压缩无关。
4.jpg对于颜色繁杂的图片优势较大，因为png记录这么复杂的情况体积会很大，而且jpg图片压缩前压缩后肉眼分辨几乎不计

开放时选择哪种图

综上所述，透明只能选png，清晰大小都相同选jpg，色彩复杂选jpg。
不想这么麻烦：透明png，其他jpg，就能应付绝大部分场景并且打上70分了。

扩展：

1.APNG是一个基于PNG格式的位图动画格式图片，是 PNG 的位图动画扩展，可以实现 png 格式的动态图片效果，其诞生目的是为了替代老旧的 GIF 格式，但它目前并没有获得 PNG 组织官方的认可。

扩展-位图

位图，称为点阵图像或栅格图像，是由称作像素（图片元素）的单个点组成的。当放大位图时，可以看见赖以构成整个图像的无数单个方块（像素点）。由于要保存像素位置和颜色值，位图有着占用存储空间大的特点。

扩展-矢量图

矢量图是使用 直线和 曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和 弧线等等，它们都是通过数学公式计算获得的。文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，，只与图像的复杂程度有关。最大的缺点是难以表现色彩层次丰富的逼真图像效果。

ps：

• 矢量图与位图的效果是天壤之别，矢量图无限放大不模糊，大部分位图都是由矢量导出来的，也可以说矢量图就是位图的源码，源码是可以编辑的