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

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

[markdown]
> * [gruntjs/grunt-contrib-imagemin](https://github.com/gruntjs/grunt-contrib-imagemin)

## インストール

“`prettyprinted
% 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/’
]
“`

> * [M labs: Gruntの導入メモ](http://mstudio-blog.blogspot.jp/2013/04/grunt.html)

“`prettyprinted
% 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 が元のプロジェクト。

> * [JamieMason/grunt-imageoptim](https://github.com/JamieMason/grunt-imageoptim)

ImageOptim-CLI は、以下のアプリが必要なよう。

* [ImageOptim](http://imageoptim.com/)
* [ImageAlpha](http://pngmini.com/)
* [JPEGmini for Mac](http://jpegmini.com/mac)

> * [JamieMason/ImageOptim-CLI](https://github.com/JamieMason/ImageOptim-CLI)
> * [Comparison of all optimisation tools | ImageOptim-CLI](http://jamiemason.github.io/ImageOptim-CLI/)

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

> * [【Grunt】スマートフォンアプリで画質調整の自動化 | Web Thinking](http://makoto-tanaka.com/javascript/3308/)

### ImageOptim-CLI

実際に試してみました。

> * [ImageOptim-CLI で画像ファイルを最適化する | deadwood](https://www.d-wood.com/blog/2013/12/12_5109.html)
[/markdown]