Image optimisation

Syntax

images(paths, images)
clean_image_opts(paths)

Description

Create optimized images as specified in images object into paths.images.

Use clean_image_opts to delete previously created image styles in paths.images. Be careful that paths specified are correct before running.

Uses gulp_image_resize to create the images into a specified sub-directory of the original path.

Example

var paths = {
  images: 'media/'
};
var images = [
  {
    build: '/thumbnail',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 150
  }, {
    build: '/thumbnail_crop',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 150,
    height: 150,
    crop: true
  }, {
    build: '/thumbnail_upscale',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 150,
    height: 150,
    upscale: true
  }, {
    build: '/gallery_style',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 400,
    height: 1000
  }, {
    build: '/blog_style',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 350,
    height: 226,
    crop: true
  }, {
    build: '/large',
    src: ['media/*/image/*.+(jpg|png)'],
    width: 1280,
    height: 1280
  }
];

var gulp = require('gulp');
var taskMethods = require('gulpfile-ninecms');

var tasks = {
  images: function () { return taskMethods.images(paths, images); },
};

gulp.task('images', [], tasks.images);