gulp-image
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/gulp-image package

    6.2.1 • Public • Published

    gulp-image

    Optimize PNG, JPEG, GIF, SVG images with gulp task.

    Build Status NPM version Dependency Status devDependency Status

    gulp-image result

    Install

    $ npm install --save-dev gulp-image

    External Dendencies

    • brew install libjpeg libpng on macOS
    • apt-get install -y libjpeg libpng on Ubuntu
    • npm install -g windows-build-tools on Windows

    Usage

    This is an example of gulpfile.js.

    const gulp = require('gulp');
    const image = require('gulp-image');
     
    gulp.task('image', function () {
      gulp.src('./fixtures/*')
        .pipe(image())
        .pipe(gulp.dest('./dest'));
    });
     
    gulp.task('default', ['image']);

    You can pass an object to image() as argument such as following:

    gulp.task('image', () => {
      gulp.src('./fixtures/*')
        .pipe(image({
          pngquant: true,
          optipng: false,
          zopflipng: true,
          jpegRecompress: false,
          mozjpeg: true,
          gifsicle: true,
          svgo: true,
          concurrent: 10,
          quiet: true // defaults to false
        }))
        .pipe(gulp.dest('./dest'));
    });

    Set false for optimizers which you don't want to apply. And you can set concurrent option to limit the max concurrency in execution. You can also set quiet to avoid logging out results for every image processed.

    You can configure parameters applied to each optimizers such as following:

    gulp.task('image', () => {
      gulp.src('./fixtures/*')
        .pipe(image({
          optipng: ['-i 1', '-strip all', '-fix', '-o7', '-force'],
          pngquant: ['--speed=1', '--force', 256],
          zopflipng: ['-y', '--lossy_8bit', '--lossy_transparent'],
          jpegRecompress: ['--strip', '--quality', 'medium', '--min', 40, '--max', 80],
          mozjpeg: ['-optimize', '-progressive'],
          gifsicle: ['--optimize'],
          svgo: ['--enable', 'cleanupIDs', '--disable', 'convertColors']
        }))
        .pipe(gulp.dest('./dest'));
    });

    License

    MIT © Shogo Sensui

    Install

    npm i gulp-image

    DownloadsWeekly Downloads

    3,503

    Version

    6.2.1

    License

    MIT

    Unpacked Size

    541 kB

    Total Files

    13

    Last publish

    Collaborators

    • 1000ch