原文来自:https://www.jianshu.com/p/9342ac756abf
<pre>
功能描述
图片文件压缩(包括PNG、JPEG、GIF和SVG图片)
插件安装
$ cnpm install gulp-imagemin --save-dev
使用方法
例1:基本使用
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
pump = require('pump');
gulp.task('testImagemin', function (cb) {
pump([
gulp.src('src/img/*.{png,jpg,gif,ico}'),
imagemin(),
gulp.dest('dist/img')
], cb);
});
例2:使用参数配置,其它参数请查看这里
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
pump = require('pump');
gulp.task('testImagemin', function (cb) {
pump([
gulp.src('src/img/*.{png,jpg,gif,ico}'),
imagemin({
optimizationLevel: 5, //类型:Number 默认:3 取值范围:0-7(优化等级)
progressive: true, //类型:Boolean 默认:false 无损压缩jpg图片
interlaced: true, //类型:Boolean 默认:false 隔行扫描gif进行渲染
multipass: true //类型:Boolean 默认:false 多次优化svg直到完全优化
}),
gulp.dest('dist/img')
], cb);
});
例3:深度压缩图片,使用插件pngquant深度压缩png格式图片
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant'),
pump = require('pump');
gulp.task('testImagemin', function () {
pump([
gulp.src('src/img/*.{png,jpg,gif,ico}'),
imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],//不要移除svg的viewbox属性
use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件
}),
gulp.dest('dist/img')
], cb);