gulp-imagemin

Minify PNG, JPEG, GIF and SVG images

gulp-imagemin

Minify PNG, JPEG, GIF and SVG images with imagemin

Issues with the output should be reported on the imagemin issue tracker.

$ npm install --save-dev gulp-imagemin
var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');
 
gulp.task('default', function () {
    return gulp.src('src/images/*')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        }))
        .pipe(gulp.dest('dist/images'));
});

Comes bundled with the following lossless optimizers:

Unsupported files are ignored.

Options are applied to the correct files.

Type: number
Default: 3

Select an optimization level between 0 and 7.

The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what. OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.

Level and trials:

  1. 1 trial
  2. 8 trials
  3. 16 trials
  4. 24 trials
  5. 48 trials
  6. 120 trials
  7. 240 trials

Type: boolean
Default: false

Lossless conversion to progressive.

Type: boolean
Default: false

Interlace gif for progressive rendering.

Type: boolean
Default: false

Optimize svg multiple times until it's fully optimized.

Type: array
Default: []

Customize which SVGO plugins to use. More here.

Type: array
Default: null

Additional plugins to use with imagemin.

MIT © Sindre Sorhus