Convert JPG and PNG images to WebP with grunt task.
npm install grunt-cwebpConvert JPG and PNG images to WebP with grunt task.
``sh`
$ npm install --save-dev grunt-cwebp
Please see following gruntfile.js example.
`js
module.exports = function (grunt) {
grunt.initConfig({
cwebp: {
static: {
files: {
'dist/img-png.webp': 'src/img.png',
'dist/img-jpg.webp': 'src/img.jpg',
'dist/img-gif.webp': 'src/img.gif'
}
},
dynamic: {
options: {
q: 50
},
files: [{
expand: true,
cwd: 'src/',
src: ['*/.{png,jpg,gif}'],
dest: 'dist/'
}]
}
}
});
grunt.loadNpmTasks('grunt-cwebp');
};
`
You can also pass the options like q: 50`.