, ,

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

公開日: 2013/12/02
更新日: 2019/09/19

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

Contents

インストール

% 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 は、以下のアプリが必要なよう。

画像の圧縮率。どこまで手間をかけられるのかにもよるのかな。

ImageOptim-CLI

実際に試してみました。