A simple Gulp plugin that allows the resizing and renaming of images, primarily for responsive applications. It uses GraphicsMagick to allow simple resizing, cropping, quality control and more.
Install with npm.
npm install --save-dev gulp-responsive-images
gulp-responsive-images requires GraphicsMagick to function. Installation is simple:
apt-get install graphicsmagick
Homebrew):Mac OS X (using
brew install graphicsmagick
Windows (XP, Vista, 7, 8, and 10) 32- or 64-bit:
Decide upon Q8 or Q16:
A Q8 version is fine for processing typical photos intended for viewing on a computer screen. If you are dealing with film, scientific, or medical images, use ICC color profiles, or deal with images that have limited contrast, then the Q16 version is recommended.
Download and Install, be sure that "Update executable search path" is checked during installation.
// Image.jsvar images ='hero.png':crop: falseformat: nullgravity: 'Center'height: 100overwrite: truequality: 100rename: nullpercentage: falsesharpen: falsesuffix: '-100'upscale: falsewidth: 100;moduleexports = images;});
Can also be used within the pipe to overwrite specific file configurations.
var gulp = ;var responsive = ;gulp;