Почему gulp-imagemin не сжимает изображения?

Question

[Andrej Sharapov]

В вижл студии собираю сайт, сделал все, но осталось оптимизировать изображения. Делаю через Галп-имейджмин, но результата нет.

Таски:

const cache = require('gulp-cached');
const 
    imagemin = require('gulp-imagemin'),
    imageminMozjpeg = require('imagemin-mozjpeg'),
    imageminOptipng = require('imagemin-optipng'),
    imageminSvgo = require('imagemin-svgo'),
    imageminWebp = require('imagemin-webp');

gulp.task('imagemin', () => {
    return gulp.src(['*.jpg','*.png','*.svg'].map(file => `build/src/**/${file}`))
        .pipe(cache(imagemin([
            // imagemin.gifsicle({interlaced: true}),
            imagemin.jpegtran({progressive: true}),
            // imagemin.optipng({optimizationLevel: 5}),
            imagemin.optipng({optimizationLevel: 7}),
            
            imageminMozjpeg({progressive: true}),
            imageminOptipng({optimizationLevel: 7}),
            imageminSvgo({
                plugins: [
                    {removeViewBox: false},
                ]
            }),
            imageminWebp({quality: 50})
        ])))
        .pipe(gulp.dest('src/test'))
});

Подскажите, что не так настроил? Не сжимает изображения совсем.

В консоли

[09:34:21] Using gulpfile ~/devsite/gulpfile.js
[09:34:21] Starting 'imagemin'...
[09:34:22] Finished 'imagemin' after 225 ms

Comments

[Andrej Sharapov]

Xdevelx, да это без разницы, все равно не сжимает))

[Andrej Sharapov]

Xdevelx, те же яйца (

[Yan Markov]

Не сжимает, в плане, выплёвывает несжатые фото или не выплёвывает вообще ничего?

[Andrej Sharapov]

Yan Markov, таск выполняется, но в новой папке фотки такие же

[10:42:22] Starting 'imgmin'...
[10:42:23] Finished 'imgmin' after 345 ms

[Yan Markov]

Andrej Sharapov, А "verbose: true" прописывали, да? По идее, в консоли тогда должны были вывестись названия всех фоток и их степень сжатия, типа как:

[10:07:40] gulp-imagemin: ✔ design\sprite.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\creator.png (saved 295 B - 31.3%)
[10:07:40] gulp-imagemin: ✔ design\svg\about-drivers1.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\svg\about-drivers2.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\svg\about-drivers3.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\svg\mail.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\svg\map.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\svg\phone.svg (already optimized)
[10:07:40] gulp-imagemin: ✔ design\logo.png (saved 514 B - 15%)
[10:07:40] gulp-imagemin: ✔ design\backgrounds\offer.png (saved 5.1 kB - 62.3%)

Если такого нет, то в потоке фоток тоже нет, я так понимаю. Проверьте пути, может через таск ничего и не проходит

Answer 1

[Etiene]

У меня была ситуация, когда imagemin не "видел" все картинки. Проблема оказалась в том, что расширения некоторых файлов были с использованием заглавного шрифта. Проблема решилась, когда прописал расширения в src и watch Вот так /img/**/*.{jpg,png,svg,gif,ico,webp,JPG,PNG,SVG,GIF,ICO,WEBP}",

Answer 2

[runprogr]

var newer = require('gulp-newer');
const imagemin = require('gulp-imagemin');
const imageminPngquant = require('imagemin-pngquant');
const imageminMozjpeg = require('imagemin-mozjpeg');

var img_bf_min = './src/img-source/*', // Изображения для минимайза
img_af_min = './src/img/'; // Изображения минимизированные

gulp.task('imgmin', function() {
    return gulp.src(img_bf_min)
        .pipe(newer(img_bf_min))
        .pipe(imagemin([
            imageminPngquant(),
            imageminMozjpeg({
                 progressive: true
            })
            ],{
            verbose: true
        }))
        .pipe(gulp.dest(img_af_min))
});

Пользуюсь такой настройкой. Все работает отлично. Можете сделать по аналогии.

Comments

[Andrej Sharapov]

неа ( та же шляпа... таск работает, но не сжимает.

[Andrej Sharapov]

const cache = require('gulp-cached');
const 
    imagemin = require('gulp-imagemin'),
    imageminMozjpeg = require('imagemin-mozjpeg'),
    imageminOptipng = require('imagemin-optipng'),
    // imageminPngquant = require('imagemin-pngquant'),
    imageminSvgo = require('imagemin-svgo'),
    imageminWebp = require('imagemin-webp'),
    newer = require('gulp-newer');


let img_bf_min = './build/src/*',
    img_af_min = './src/test/';

gulp.task('imgmin', () => {
    return gulp.src(img_bf_min)
        .pipe(newer(img_bf_min))
        .pipe(cache(imagemin([
            imageminOptipng({
                optimizationLevel: 5
            }),
            imageminMozjpeg({
                progressive: true
            }),
            imageminSvgo({
                plugins: [
                    {removeViewBox: false},
                ]
            }),
            imageminWebp({
                quality: 50
            })
        ], {
            verbose: true
        })))
        .pipe(gulp.dest(img_af_min))
});

[Yan Markov]

мб так попробуй
let img_bf_min = './build/src/**/*

[Andrej Sharapov]

Yan Markov, хз, все точно так же... фотки появляются в новой папке, но ничего не поменялось. Лога нет, кроме бефор/афтер