Grunt: Rasterize

Rasterize SVG graphics at various sizes using Inkscape

Getting Started

This plugin requires Grunt ~0.4.1

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-rasterize --save-dev

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

grunt.loadNpmTasks('grunt-rasterize');

Inkscape

Make sure the inkscape binary is in your PATH.

The "rasterize" task

Overview

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

grunt.initConfig({
  rasterize: {
    your_target: {
      vector: 'example.svg',
      raster: [
        { path: 'example-small.png', width: 64 },
        { path: 'example-large.png', width: 128 },
        { path: 'example-nowidth.png' }
      ]
    },
  },
})

Release History

0.1.6

• Width attribute is now optional (thanks @ale110!)

0.1.2

• Proper fix for async issues

0.1.1

• Fixes early termination (async bug)

0.1.0

• Initial release