使用gulp-imagemin压缩图片,对于png图,压缩前后变化还是挺明显的,但是压缩jpg图片变化很小,gulpfile的设置如下:
const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
const imageminPngquant = require('imagemin-pngquant');
const imageminJpegtran = require('imagemin-jpegtran');
gulp.task('default', () =>
gulp.src('src/images/*')
.pipe(imagemin({
use:[imageminPngquant(),imageminJpegtran()]
}))
.pipe(gulp.dest('dist/images'))
);
如何让压缩的jpg也像png图一样压缩前后大小变化比较明显?
PHPz2017-04-17 14:49:53
gulp.task('imgmin', function () {
var jpgmin = imageminJpegRecompress({
正確: true,//高精度モード
品質: "高",//画像品質: 低、中、高、および非常に高;
Method: "smallfry",//グリッド最適化: mpe、ssim、ms-ssim、smallfry;
min: 70,//最低品質
loops: 0, //ループ試行回数、デフォルトは 6;
Progressive: false,//ベースラインの最適化
サブサンプル: "デフォルト"//サブサンプル: デフォルト、無効;
})、
pngmin = imageminOptipng({
最適化レベル: 4
});
gulp.src("src/img/*.*")
.pipe(imagemin({
使用: [jpgmin、pngmin]
}))
.pipe(gulp.dest("dist/img"));
});