[Grunt & Yeoman] grunt-contrib-imagemin で png, jpg, gif を圧縮する

grunt-contrib-imagemin で、イメージファイルを minify する。

インストール

% npm install grunt-contrib-imagemin --save-dev

Gruntfile

# grunt-contrib-imagemin
imagemin:
  build:
    files: [
      expand: true,
      cwd: 'src/images/',
      src: '**/*.{png,jpg,gif}',
      dest: 'dist/images/'
    ]
% grunt imagemin
Running "imagemin:build" (imagemin) task
✔ src/images/sample.gif (already optimized)
✔ src/images/sample.jpg (already optimized)
✔ src/images/sample.png (saved 5.90 MB)
Minified 3 images (saved 5.90 MB)
Done, without errors.

補遺

grunt-imageoptim

ImageOptim-CLI が元のプロジェクト。

ImageOptim-CLI

実際に試してみました。