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

从图片大小开始优化

压缩图片可以使用统一的压缩工具——imagemin,它是一款可以集成多个压缩库的工具,支持jpg、png、webp等等格式的图片压缩,比如pngquant、mozjpeg等等。作为测试用途,我们可以直接安装imagemin-pngquant来尝试png图片的压缩:

PNG压缩

这里先安装imagemin库,再安装对应的png压缩库。

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

这是压缩前的:

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

图3/11

这是压缩后的:

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

推荐阅读