@程序员，一文掌握 Web 应用中的图片优化技巧！( 四 )

2019-08-29

npminstall imagemin-mozjpeg

constimagemin = require( 'imagemin');

constimageminMozjpeg = require( 'imagemin-mozjpeg');

(async() =>{

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

use: [

imageminMozjpeg({ quality: 65, progressive: true})

]

});

console.log( 'Images optimized');

});

注意到我们使用了progressive: true选项，这可以将图片转换为渐进式图片，关于渐进式图片，它允许在加载照片的时候，如果网速比较慢的话，先显示一个类似模糊有点小马赛克的质量比较差的照片，然后慢慢的变为清晰的照片：

推荐阅读

上一篇：安恒信息刘博：人工智能为网络安全带来新机遇

下一篇：上海的这家智慧酒店，像是从哆啦A梦的兜里掏出来的