The plugin to use the compress-images package
npm install grunt-compress-images~1.0.1
shell
npm install grunt-compress-images --save-dev
`
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js
grunt.loadNpmTasks('grunt-compress-images');
`
The "compress-images" task
$3
In your project's Gruntfile, add a section named compressImages to the data object passed into grunt.initConfig().
`js
grunt.initConfig({
compressImages: {
prod : {
input_path: 'src/img/*/.{jpg,JPG,jpeg,JPEG,png,svg,gif}',
output_path: 'build/img/',
options: {
compress_force: false,
statistic: true,
autoupdate: true,
pathLog: './log/lib/compress-images'
},
jpg: {
engine: 'mozjpeg',
command: ['-quality', '60']
},
png: {
engine: 'pngquant',
command: ['--quality=20-50']
},
svg: {
engine: 'svgo',
command: '--multipass'
},
gif: {
engine: 'gifsicle',
command: ['--colors', '64', '--use-col=web']
}
}
},
});
``