gulp-tiles

Create tiles from image

GraphicsMagick or ImageMagick

Make sure GraphicsMagick or ImageMagick is installed on your system and properly set up in your PATH.

Ubuntu:

apt-get install imagemagick
apt-get install graphicsmagick

Mac OS X (using Homebrew):

brew install imagemagick
brew install graphicsmagick

Windows & others:

http://www.imagemagick.org/script/binary-releases.php

Confirm that ImageMagick is properly set up by executing convert -help in a terminal.

Install

Install with npm

npm install --save-dev gulp-tiles

Example

var gulp = require('gulp');
var createTiles = require('gulp-tiles');

gulp.task('default', function () {
  gulp.src('panorama.jpg')
    .pipe(createTiles({ 
      width: 512,
      height: 512,
      format: 'jpg'
    }))
    .pipe(gulp.dest('./images/tiles/'));
});

API

createTiles(options)

options.width

Type: Number
Default value: 256

Desired tile width in px.

options.height

Type: Number
Default value: 256

Desired tile height in px.

options.format

Type: String
Default value: jpg
Possible values: jpg, jpeg, png, gif, bmp.

Override the output format of the processed file.

options.imageMagick

Type Boolean
Default value: false

Use ImageMagick instead of GraphicsMagick