Оптимальная настройка image-min в Gulp

541
06 апреля 2017, 20:18

Подскажите какие должны быть настройки у image-min и его плагинов через Gulp, чтобы уровень сжатия картинок (png, jpg) был приближен к сжатию в Tinypng ?

Вот код, который на данный момент у меня есть:

gulp.task("images", function () {
    return gulp.src("Full/img/**/*.+(png|jpg|gif|svg|ico)")
        .pipe(cache(imagemin({
            progressive: true,
            progressive: true,
            imageminSvgo: {removeViewBox: false, cleanupAttrs: false},
            use: [
                    imageminPngquant({
                        verbose: "true",
                        quality: '50-65',
                        speed: 1
                    }),
                    imageminMozjpeg({
                        progressive: true
                    })
                ]
            })
        ))
        .pipe(gulp.dest("Clean/img"));
});

И сжатие картинок происходит в совсем малом проценте от исходника.

Answer 1

Можете попробовать gulp-tinypng, сжимает картинки, используя tinyPng:

var gulp = require('gulp');
var imagemin = require('gulp-tinypng');
gulp.task('tinypng', function () {
    gulp.src('src/image.png')
        .pipe(tingpng('API_KEY'))
        .pipe(gulp.dest('dist'));
});
READ ALSO
TypeError при попытку вызвать spread в bluebird

TypeError при попытку вызвать spread в bluebird

При попытке запустить такой код

233
Ошибка THREE.ShapeBufferGeometry is not a constructor

Ошибка THREE.ShapeBufferGeometry is not a constructor

Перешел на webpackИмпортирую three

332
Как изменить HTML в массиве?

Как изменить HTML в массиве?

Формирую данные с сервера динамически и храню промежуточные данные задачи в массиве примерно в таком виде

292
Dota 2 API ошибка “Uncaught SyntaxError: Unexpected token”

Dota 2 API ошибка “Uncaught SyntaxError: Unexpected token”

В проекте использую AngularJS, серверного кода не использую, только Front-End

349