1.0.4 • Published 6 years ago
grunt-compress-images v1.0.4
grunt-compress-images
The plugin to use the compress-images package
Getting Started
This plugin requires :
- Grunt
~1.0.1
- compress-images npm package
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
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:
grunt.loadNpmTasks('grunt-compress-images');
The "compress-images" task
Overview
In your project's Gruntfile, add a section named compressImages
to the data object passed into grunt.initConfig()
.
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']
}
}
},
});