Gulp optimieren Bilder mit imagemin

Question

Ich versuche, mit imagemin meiner Bilder Gulp optimieren

https://www.npmjs.com/package/gulp-image-optimization

I Problem habe eine gute Dokumentation zu finden, das mir genaue Parameter und andere Option anzeigen. Für jetzt gibt es nicht viel Gewinn in meiner Optimierung:

var imageop = require('gulp-image-optimization'); 
var pngquant = require('imagemin-pngquant'); 
var imageminJpegoptim = require('imagemin-jpegoptim'); 

var baseUrl = "web/assets/"; 
var imgSrc = baseUrl + "src/images/"; 
var imgDist = baseUrl + "dist/images/"; 

gulp.task('img', function(cb) { 
    gulp.src([imgSrc + '**/*.png', imgSrc + '**/*.jpg', imgSrc + '**/*.gif', imgSrc + '**/*.jpeg']) 
     .pipe(imageop({ 
      optimizationLevel: 10, 
      progressive: true, 
      interlaced: true, 
      use: [pngquant(), imageminJpegoptim()] 
     })) 
     .pipe(gulp.dest(imgDist)).on('end', cb).on('error', cb); 
}); 

Habe ich etwas in der Konfiguration verpasst?

Answer 1

Ich nehme an, Sie haben Gründe, größere Abnahmen zu erwarten, als Sie bekommen. In diesem Fall ist meine Wette, dass das Problem alte Technik ist.

Die gulp-image-optimization Sie erscheint verwenden auf dem alten imagemin zu verlassen, die nicht jede Art von Optimierung in sein eigenes Plugin gebrochen hatte (ich sage „erscheint“, weil es Jahre alt ist, das ist, was in gulp-image-optimization ‚s Dokumentation widerspiegelt und so funktioniert imagemin, wenn ich mich recht erinnere).

Das empfohlene Plugin in diesen Tagen, und das in der Dokumentation imagemin verlinkte, ist gulp-imagemin.

Mit gulp-imagemin, Ihre Grundeinstellung wird so etwas wie

const gulp = require('gulp'), 
     imagemin = require('gulp-imagemin'); 

gulp.task('default', (cb) => 
    gulp.src('src/images/*') 
     .pipe(imagemin()) 
     .pipe(gulp.dest('dist/images')).on('end', cb).on('error', cb) 
); 

sein (dieser Code direkt hinzugefügt aus der gulp-imagemin Dokumentation, mit dem Fehler-Callback genommen.)

gulp-imagemin enthält Plugins für png (optipng) und jpg (jpegtran) Optimierung standardmäßig.