gulp
Compresión sin pérdida de imagen (con gulp-imagemin)

Angular 2 AngularJS CSS HTML JavaScript Laravel Node.js PHP React TypeScript
Buscar..


Sintaxis

  1. imagemin ([plugins], {opciones})

Parámetros

Argumento Descripción
sourcePath Directorio fuente de las imágenes (por ejemplo: /assets/images )
buildPath Ruta de destino (por ejemplo: /static/dist/ )

Observaciones

El primer argumento de imagemin constructor es la matriz de plugins. De forma predeterminada, se utilizan los siguientes complementos: [imagemin.gifsicle(), imagemin.jpegtran(), imagemin.optipng(), imagemin.svgo()]

Segundo argumento son las opciones. En el ejemplo anterior se utilizan las siguientes opciones: 

{
  progressive: true,
  interlaced: true,
  svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
}

Esos son completamente opcionales.

progressive es utilizado por imagemin-jpegtran .

interlaced es utilizado por imagemin-gifsicle .

removeUnknownsAndDefaults y cleanupIDs son utilizados por imagemin-svgo .

Instalación y uso

Instalación de dependencia ( https://www.npmjs.com/package/gulp-imagemin ) 

$ npm install --save-dev gulp-imagemin

Uso 

/*
 * Your other dependencies.
 */

var imagemin = require('gulp-imagemin');

/*
 * `gulp images` - Run lossless compression on all the images.
 */
gulp.task('images', function() {
  return gulp.src(sourcePath) // e.g. /assets/images
    .pipe(imagemin({
      progressive: true,
      interlaced: true,
      svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
    }))
    .pipe(gulp.dest(buildPath + 'images')); // e.g. /static/dist/
});


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow