Convert JPG and PNG images to WebP with grunt task.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
tasks Fixed verbosity Oct 30, 2017
test Use ES2015 syntax Jul 20, 2016
.gitignore initial commit Jun 6, 2014
.travis.yml From Node.js v4 Jul 20, 2016
gruntfile.js Use ES2015 syntax Jul 20, 2016
package.json Update chalk Dec 9, 2017 update Sep 26, 2015


Convert JPG and PNG images to WebP with grunt task.

Build Status NPM version Dependency Status devDependency Status


This plugin requires Grunt ~0.4.1

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 --save-dev grunt-cwebp

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:



Please see following gruntfile.js example.

module.exports = function (grunt) {
    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/'


Files are processed with node-cwebp-bin, you can also pass any native lib options, like q.



Type: Boolean Default: false

Set to true, if you want to leave original file extension after converting to webp.