Как массово сжать картинки для сайта?

Question

[olegolegooov]

Привет всем,
нужно сжать около 1к картинок для сайта
раньше, когда было мало картинок использовал tinypng, хороший сервис, но там ограничение 20 шт за загрузку.
Сейчас, когда нужно сжать 1к картинок, пытался сделать через gulp imagemin, но он почему почти не сжимает, для примера 20 картинок на tinypng сжимает на 3мб, imagemin на 240 кб.

Можете подсказать как настроить gulp или может какой-то другой плагин для него, чтобы было более нормальное сжатие?
Скрин prntscr.com/nt9bvi
Сейчас настройки выглядят так, но тестировал добавлять разные модификации к нему, не помогало:

gulp.task('default2', () =>
    gulp.src('src/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/images22'))
);

Comments

[Rustam Bainazarov]

Для сжатия PNG, TinyPNG использует алгоритм Pngquant, для которого доступна простая оболочка для MacOS и Windows:
https://nukesaq88.github.io/Pngyu/

Но он исключительно для PNG.

Нашёл на просторах Toster вот такой ответ для усовершенствования используемого вами плагина:
Как грамотно настроить gulp-imagemin чтобы удовлетворить PageSpeed Insights требование?

[olegolegooov]

Можете скинуть свои настройки для этого плагина? не получается настроить, либо ошибки, либо тот же результат вида 240кб сжатия

[olegolegooov]

Рустам Байназаров, Можете скинуть свой настройки gulp для картинок?

[Rustam Bainazarov]

olegolegooov, к сожалению, далеко от ПК с ними. И в ближайшее время не буду рядом.

Answer 1

[Денис]

Попробуйте https://www.npmjs.com/package/gulp-tinypng-unlimited

Comments

[olegolegooov]

работает, сжало больше 600 картинок, так же сжимает картинки больше 5мб

[olegolegooov]

надо было сжать 1.5к, за 10 часов так и не сделало, до 500 норм работает

Answer 2

[olegolegooov]

Вопрос актуален, может кто подсказать как правильно настроить imagemin, чтобы сжимало близко к уровню tinypng?

Comments

[Денис]

function image() {
    return gulp.src([path.source.img])
        .pipe(cache(imagemin([
            //png
            imageminPngquant({
                speed: 1,
                quality: [0.8, 0.9] //lossy settings
            }),
            imageminZopfli({
                more: true,
                iterations: 30 // 50 very slow but more effective
            }),
            //svg
            imagemin.svgo({
                plugins: [{
                    removeViewBox: false
                }]
            }),
            //jpg lossless
            imagemin.jpegtran({
                progressive: true
            }),
            //jpg very light lossy, use vs jpegtran
            imageminMozjpeg({
                quality: 75
            })
        ])))
        .pipe(gulp.dest(path.build.img));
}

Попробуйте такой вариант, если через tinypng разделить картинки по 500 не представляется возможным.
Какие установить пакеты я думаю поймете. Ну и с настройками можно поиграться