,

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

公開日: 2014/09/16
更新日: 2018/11/08

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

インストール

% npm install grunt-imageoptim --save-dev

Gruntfile

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

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/ にコピーされ、そのファイルが最適化されます。

補遺

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