Nunjucks Powers Mozilla

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

    6.3.1 • Public • Published

    gulp-image GitHub Actions Status

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

    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.

    import gulp from 'gulp';
    import image from '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,255

    Version

    6.3.1

    License

    MIT

    Unpacked Size

    9.81 kB

    Total Files

    6

    Last publish

    Collaborators

    • 1000ch