home > tools > Bundler > gulp >

gulp图片压缩插件imagemin配置使用范例

author:zhoulujun@live.cn    hits:

用webpack压缩图片有个好处,就是可以控制,图片在什么范围内压缩。在gulp插件中,imagemin配置,只有图片压缩等级,没有看到图片压缩大小

用webpack压缩图片有个好处,就是可以控制,图片在什么范围内压缩。

在gulp插件中,imagemin配置,只有图片压缩等级,没有看到图片压缩大小控制范围

其实,这个之前在grunt里面的教程里面有没有讲过,忘记了,这个也没有什么好学。把这个抄到你们的代码中就可以了!如下:

gulp.task('images',function(){
   return gulp.src('app/images/**/*')
    .pipe($.if($.if.isFile, $.cache($.imagemin({
        optimizationLevel: 5, //类型:Number  默认:3  取值范围:0-7(优化等级)
        progressive: true, //类型:Boolean 默认:false 无损压缩jpg图片
        interlaced: true, //类型:Boolean 默认:false 隔行扫描gif进行渲染
        multipass: true,//类型:Boolean 默认:false 多次优化svg直到完全优化
       svgoPlugins: [{cleanupIDs: false}],
        // use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件//不要移除svg的viewbox属性
    }))
    .on('error', function (err) {
      console.log(err);
      this.end();
    })))
    .pipe(gulp.dest(config.dist+'/images'));
});


转载本站文章《gulp图片压缩插件imagemin配置使用范例》, 请注明出处:https://www.zhoulujun.cn/html/tools/Bundler/gulp/2017_0110_7938.html

上一篇:First page
下一篇:Last page