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

从图片大小开始优化

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

PNG压缩

npminstall imagemin

npminstall imagemin-pngquant

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

constimagemin = require( 'imagemin');

constimageminPngquant = require( 'imagemin-pngquant');

(async() =>{

awaitimagemin([ 'images/*.png'], 'build/images', {

plugins: [

imageminPngquant({ quality: '65-80'})

]

推荐阅读