sprites-preprocessor

create sprite images from css files

Install

$ npm install --save-dev sprites-preprocessor

Usage

var sprites = require('sprites-preprocessor');

var options = {
  name: 'sprite.png',
  path: 'images/sprites',
  prefix: '/images/sprites/'
};

sprites(options, 'body { background: url(/images/sprite/file.png); }', function(err, css, image) {
  // code
});

Gulp usage

For gulp tasks there is gulp plugin gulp-sprite-preprocessor

API

sprites(options)

Options

name

Type: String Default: sprite.png

Name of the output sprite file.

path

Type: String Default: images/sprites

Path to the source image files

prefix

Type: String Default: /images/sprites/

Css prefix in image url to know what images transform into sprites

License

MIT license