基本JPEG(Baseline JPEG)和渐进JPEG(Progressive JPEG)

JPEG 是Joint Photographic Experts Group（联合图像专家小组）

.jpg和.jpeg

结尾的不同，无本质却别。DOS时代的8.3命名规则- 档案名称最多只可以含有8个字符 https://baike.baidu.com/item/8.3%E5%91%BD%E5%90%8D%E8%A7%84%E5%88%99

四种压缩模式

基本JPEG，一次将图像由左到右、由上到下顺序处理

渐进JPEG，当图像传输的时间较长时，可将图像分数次处理，以从模糊到清晰的方式来传送图像

无失真模式，使用预测性编码代替基于DCT的变换，而且在这个模式中没有涉及量化

分级模式，图像以数种分辨率来压缩，其目的是为了让具有高分辨率的图像也可以在较低分辨率的设备上显示

使用方法，仅做参考，

  • 当您的JPEG图像低于10K时，最好保存为基本JPEG

  • Chrome + Firefox + IE9浏览器下，渐进式图片加载更快，而且是快很多，至于其他浏览器，与基本式图片的加载一致，至少不会拖后腿

  • 渐进式图片也有不足，就是吃CPU吃内存

  • 渐进式图片一开始大小框架就定好，不会像基准式图片一样，由于尺寸未设定而造成回流——提高的渲染性能。

生成渐进式jpeg

  1. 使用Photoshop

  2. 文件->导出->存储为Web所用格式->勾选“连续”和“转换为sRGB”->存储