Gulpイメージオプティマイザ（gulp-imagemin）が完全に最適化されていません

Question

gulpを使用して作業をコンパイルしています。最近、gulp-imageminプラグインを使用してイメージを最適化していますが、まだ完全には最適化されていません。イメージは完全に最適化されていません。私のイメージを完全に最適化する方法は？助けてください。 これは私のgulpfile.jsで使用している機能です.2〜5％の画像サイズを縮小していますが、完全には最適化されていません。

gulp.task('imgs', function() { 
    gulp 
     .src(paths.assets.images) 
     .pipe(imagemin({ 
      progressive: true, 
      interlaced: true, 
      pngquant: true 
     })) 
     .pipe(flatten()) 
     .pipe(gulp.dest(paths.build + "/img")); 
}); 

ここでは、画像を表示するGoogle PageSpeed Insightsが最適化されていないスクリーンショットを示します。

Answer 1

はるかに優れた作業この1つは...

gulp.task('imgs', function() { 
    gulp 
     .src(paths.assets.images) 
     .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true }))) 
     .pipe(flatten()) 
     .pipe(gulp.dest(paths.build + "/images")); 
}); 

Answer 2

私はちょうど同じ悩みを抱えていると私はimageminMozjpegプラグインにデフォルトimagemin-jpegtranから移動することを決めました。

まずあなたはimagemin-mozjpegをインストールする必要があります。

npm install --save imagemin-mozjpeg

は、次に、あなたのgulpfile.jsにこの行を追加します。

var imageminMozjpeg = require('imagemin-mozjpeg');

そして、少しあなたはパイプコードを変更イメージツール

.pipe(imagemin(
    [imageminMozjpeg()], 
    {verbose: true}   // Enabling this will log info on every image passed to gulp-imagemin 
)) 

また、画像メタデータも削除されます。結果は素晴らしいです： gulp-imagemin working process log