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:

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

你可能感兴趣的:(性能优化,JS,深度学习,算法,图片,jpg,png)