Максимальная оптимизация изображений в Gulp

[Akkord87]

Здравствуйте!
Может кто нибудь подсказать, как лучше всего настроить gulp-imagemin для оптимизации изображений, чтобы google PageSpeed не ругался?

Я использую стандартные настройки этого плагина:
 

gulp.task('imagemin', function() {

    return gulp.src(['app/img/**/*.+(jpg|png)')
    .pipe(imagemin())
    .pipe(gulp.dest('dist/img'));
});

К примеру если я ужимаю те же картинки на TinyPNG, то получается гораздо лучше, но это ручной способ...

Может к этому плагину нужно какие то дополнения? Или есть более лучший вариант?

Заранее благодарен за помощь!

[web-tech]

Например так:

var gulp = require('gulp');
var imagemin = require('gulp-imagemin'); 
var imageminJpegRecompress = require('imagemin-jpeg-recompress');
var pngquant = require('imagemin-pngquant');
var cache = require('gulp-cache');

// Images optimization and copy in /dist
gulp.task('images', function() {
  return gulp.src(projectPath.app.img)
    .pipe(cache(imagemin([
      imagemin.gifsicle({interlaced: true}),
      imagemin.jpegtran({progressive: true}),
      imageminJpegRecompress({
        loops: 5,
        min: 65,
        max: 70,
        quality:'medium'
      }),
      imagemin.svgo(),
      imagemin.optipng({optimizationLevel: 3}),
      pngquant({quality: '65-70', speed: 5})
    ],{
      verbose: true
    })))
    .pipe(gulp.dest(projectPath.dist.img));
});

// Clearing the cache
gulp.task('clear', function (done) {
  return cache.clearAll(done);
});

Ну и можно поиграться с настройками качества pngquant и imageminJpegRecompress.

Можно посмотреть и в сторону других imagemin плагинов https://www.npmjs.com/browse/keyword/imageminplugin

Edited May 5, 2017 by web-tech

[Denfrolov]

Спасибо огромное, отлично жмет!