Gulp imagemin not working for SVG images

Question

Hi i have a little bit of a problem in my Gulp configuration for images, my gulp task is supposed to minify all images in the resources folder and then place the minified version in the public directory, however only the PNG images are being exported correctly...

gulp.task('images', function() {

    gulp.src(assets + 'images/**')
            .pipe(imagemin({
                progressive: true,
                optimizationLevel: 7,
                svgoPlugins: [{removeViewBox: false}],
                use: [pngquant()]
            }))
            .pipe(gulp.dest(public + 'images/'));

});

That is the task that i'm running, i am currently using imagemin version ^2.4.0

score 1 · Answer 1 · answered Jul 20 '16 at 13:19

Got the same issue, here is my config:

let developmentAssets   = "src",
    productionAssets    = "dist";


module.exports = {
   optimize : {
    images: {
        src:  developmentAssets + '/img/**/*.{jpg,jpeg,png,gif,svg}',
        options: {
            optimizationLevel: 3,
            progessive: true,
            interlaced: true
        }
      }
   }
};

and then in your task

/* 
   This is my particular setting to have everything organized
   read this amazing gulp tutorial: http://stefanimhoff.de/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html/ 
*/

config      = require('./gulp/config'),
configImg   = config.optimize.images,


.pipe(imagemin(configImg.options))

Hope that it helps.

Gulp imagemin not working for SVG images

1 Answers1