程序员，一文掌握 Web 应用中的图片优化技巧！( 三 )
图4/11
从肉眼上几乎看不出区别，但实际上减少了百分之77的体积！读者可以自己保存图片进行比较。
JPG/JPEG压缩与渐进式图片
压缩jpg/jpeg图片的方式与png类似，imagemin提供了两个插件：jpegtrain和mozjpeg供我们使用。一般我们选择mozjpeg，它拥有更丰富的压缩选项：
注意到我们使用了progressive: true选项，这可以将图片转换为渐进式图片，关于渐进式图片，它允许在加载照片的时候，如果网速比较慢的话，先显示一个类似模糊有点小马赛克的质量比较差的照片，然后慢慢的变为清晰的照片：
图5/11
而相比之下，非渐进式的图片(Baseline JPEG)则会老老实实地从头到尾去加载：
推荐阅读
- 电子竞技|和平精英：掌握这些技巧，分分钟成车神
- edg战队|王者荣耀：一招鲜吃遍天？1个英雄想打5个位置？掌握这几个完全可以
- 网游|颠覆你认知的网游土豪，程序员加班为他改游戏，还送专属服务器
- 网易|永劫无间诡异宕机事件：网易机房过热，程序员竟然祭出了干冰？
- 法术|双城之战：羁绊、海克斯强化、装备一文看懂
- 甄姬|甄姬三技能的稳定性加强，掌握5个玩法技巧对上分有帮助
- 地下城与勇士|DNF：一次给3张传说卡片！讨伐战S级奖励技巧，掌握两个要领就行
- 热血传奇|热血传奇：提升幸运属性实在太难？只是你没掌握到方法
- 庄周|敌方边路选择庄周应该如何应对？选择这些对位英雄就能掌握先机！
- 手机游戏|LOL手游掌握了流量密码，社交玩法才是国内手游的主旋律？