@程序员,一文掌握 Web 应用中的图片优化技巧!( 三 )

});

console.log( 'Images optimized');

});

我们可以在quailty一项决定压缩比率,65-80貌似是一个在压缩率和质量之间实现平衡的数值,腾讯AlloyTeam出品的gka图片处理工具,同样使用到了imagemin库,他们默认也是使用65-80的选项:gka代码。用它压缩一张png图片,我们看看效果如何:

这是压缩前的:

@程序员,一文掌握 Web 应用中的图片优化技巧!

这是压缩后的:

@程序员,一文掌握 Web 应用中的图片优化技巧!

从肉眼上几乎看不出区别,但实际上减少了百分之77的体积!读者可以自己保存图片进行比较。

JPG/JPEG压缩与渐进式图片

压缩jpg/jpeg图片的方式与png类似,imagemin提供了两个插件:jpegtrain和mozjpeg供我们使用。一般我们选择mozjpeg,它拥有更丰富的压缩选项:

推荐阅读