@hidoo/gulp-task-optimize-image v0.19.0

@hidoo/gulp-task-optimize-image

Task that optimize image for gulp.

Installation

$ npm install --save-dev gulp@next @hidoo/gulp-task-optimize-image

Usage

import { task } from 'gulp';
import optimizeImage from '@hidoo/gulp-task-optimize-image';

task(
  'image',
  optimizeImage({
    src: '/path/to/images/*.{jpg,jpeg,gif,png,svg,ico}',
    dest: '/path/to/dest'
  })
);

Supported formats

• PNG
• JPEG

• GIF (Partical support)

  • Alpha GIF and Animated GIF are not support.

API

gifsicle

mozjpeg

optipng

svgo

optimizeImage

return image optimize task

Parameters

• options Object option (optional, default {})

  • options.name String task name (use as displayName) (optional, default 'optimize:image')
  • options.src String source path
  • options.dest String destination path
  • options.evenize Boolean apply evenize or not (optional, default false)
  • options.placeholder Boolean generate placeholder image or not (optional, default false)
  • options.webp (Boolean | Object) generate webp or not. use as webp options if object specified. (optional, default false)
  • options.verbose Boolean out log or not (optional, default false)

Examples

import { task } from 'gulp';
import optimizeImage, {
  gifsicle,
  mozjpeg,
  optipng,
  svgo
} from '@hidoo/gulp-task-optimize-image';

task(
  'image',
  optimizeImage({
    name: 'image:main',
    src: '/path/to/images/*.{jpg,jpeg,gif,png,svg,ico}',
    dest: '/path/to/dest',
    evenize: true,
    placeholder: true,
    webp: {
      method: 6
    },
    compress: {
      imagemin: [
        gifsicle({ interlaced: true }),
        mozjpeg({ quality: 90, progressive: true }),
        optipng({ optimizationLevel: 5 }),
        svgo()
      ]
    },
    verbose: true
  })
);

Returns Function[Stream](https://nodejs.org/api/stream.html)

Test

$ pnpm test

License

MIT