Я хочу добавить png оптимизатор в мой рабочий процесс gulp.Я пытался использовать gulp-tinypng и gulp-imagemin.
Я работаю с gulp 4.0.0
Вот мои функции:
function tinypng() {
return (
gulp
.src(pkg.paths.src.img + '**/*.png')
.pipe($.cache($.tinypng('MyApiKey')))
.pipe(gulp.dest(pkg.paths.prod.img)) // Envoie le fichier dans le dossier de production
.pipe($.browserSync.stream()) // Relance le browser
.pipe($.notify({ message: 'Png task complete' }))
);
}
function images() {
return (
gulp
.src(pkg.paths.src.img + '**/*.*')
.pipe($.cache($.imagemin([
$.imagemin.gifsicle({interlaced: true}),
$.imagemin.jpegtran({progressive: true}),
$.imagemin.optipng({optimizationLevel: 7})
]))) // cache et optimise les images
.pipe(gulp.dest(pkg.paths.prod.img)) // Envoie le fichier dans le dossier de production
.pipe($.browserSync.stream()) // Relance le browser
.pipe($.notify({ message: 'Images task complete' }))
);
}
gulp.task('tinypng', tinypng);
gulp.task('images', images);
Я запускаю тест с png-весом 1002 Ko .
Если я использую веб-сайт tinypng , вес снижается до 279 Ko
Обе функции работают гладко, без ошибок, файлы копируются туда, где они должны быть, , но вес файлов не уменьшается .Это как копирование оригинального файла.
Я был бы рад получить помощь здесь, потому что я не понимаю, что происходит.