[Grunt & Yeoman] grunt-imageoptim で画像を最適化する

ImageOptim, ImageAlpha and JPEGmini for Mac. を grunt から動かします。

[markdown]
## インストール

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

“`prettyprinted
% npm install grunt-imageoptim –save-dev
“`

## Gruntfile

src に指定したディレクトリ内のファイルを、そのまま最適化する仕様のよう。
以下では、事前に copy を取っておくようにしました。

“`ruby:Gruntfile.coffee
#global module:false
module.exports = (grunt) ->
# Project configuration.
grunt.initConfig
# Task configuration.
# pkg: grunt.file.readJSON(“package.json”)
clean: [‘dest’]
copy:
src2dest:
expand: true
cwd: ‘src’
src: ‘**’
dest: ‘dest’
imageoptim:
options:
jpegMini: false
imageAlpha: true
quitAfter: true
all:
src: ‘dest’
# These plugins provide necessary tasks.
grunt.loadNpmTasks “grunt-contrib-clean”
grunt.loadNpmTasks “grunt-contrib-copy”
grunt.loadNpmTasks “grunt-imageoptim”
# Default task.
grunt.registerTask ‘default’, [
‘clean’ ,’copy’, ‘imageoptim’
]
return
“`

src/ 以下に元の画像ファイルを配置。
`grunt` で dest/ にコピーされ、そのファイルが最適化されます。

> * [tools/imageoptim at master · DriftwoodJP/tools](https://github.com/DriftwoodJP/tools/tree/master/imageoptim)

## 補遺

cli でも使えるので使い分けると良いかも。

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