grunt-moe-image

Image min and rename for moe team.

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-moe-image --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-moe-image');

The "mimage" task

Overview

In your project's Gruntfile, add a section named mimage to the data object passed into grunt.initConfig().

grunt.initConfig({
  mimage: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    },
  },
});

Options

####interlaced Type: boolean

Default: true

Interlace gif for progressive rendering. ####optimizationLevel Type: number

Default: 5

Select optimization level between 0 and 7.

The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what. OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.

Level and trials:

1. 1 trial
2. 8 trials
3. 16 trials
4. 24 trials
5. 48 trials
6. 120 trials
7. 240 trials

####progressive Type: boolean

Default: true

Lossless conversion to progressive.

####removeSource Type: boolean

Default: true

Synchronous unlink.

####svgoPlugins:removeViewBox Type: boolean

Default: false

Don't remove the viewbox atribute from the SVG.

####svgoPlugins:removeUselessStrokeAndFill Type: boolean

Default: false

Don't remove Useless Strokes and Fills.

####svgoPlugins:removeEmptyAttrs Type: boolean

Default: false

Don't remove Empty Attributes from the SVG.

Usage Examples

mimage: {
      options: {
        interlaced: true,
        optimizationLevel: 5,
        progressive: true,
        removeSource: true,
        svgoPlugins: [{
            removeViewBox: false
          }, 
          {
            removeUselessStrokeAndFill: false
          }, 
          {
            removeEmptyAttrs: false
          } 
        ]
      },
      dist: {
        files: [{
          expand: true,
          cwd: 'test/fixtures/',
          src: '**/*.{gif,GIF,jpg,JPG,png,PNG}',
          dest: 'tmp/'
        }]
      }
    }