grunt-contrib-imagemin
Advanced tools
Minify images
This plugin requires Grunt >=0.4.0
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-contrib-imagemin --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-contrib-imagemin');
Run this task with the grunt imagemin command.
Minify images using imagemin.
Comes bundled with the following optimizers:
We recommend using grunt-newer to only process changed files as minifying images can be quite slow.
Options will only apply to the relevant files, so you don't need separate targets for png/jpg.
Type: Number
Default: 3
Select optimization level between 0 and 7.
The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.
Level and trials:
Type: Boolean
Default: true
Lossless conversion to progressive.
Type: Boolean
Default: true
Interlace gif for progressive rendering.
####### svgoPlugins (svg)
Type: array
Default: []
Customize which SVGO plugins to use. More here.
Type: Array
Default: null
Additional plugins to use with imagemin.
You can either map your files statically or dynamically.
var mozjpeg = require('imagemin-mozjpeg');
grunt.initConfig({
imagemin: { // Task
static: { // Target
options: { // Target options
optimizationLevel: 3,
svgoPlugins: [{ removeViewBox: false }],
use: [mozjpeg()]
},
files: { // Dictionary of files
'dist/img.png': 'src/img.png', // 'destination': 'source'
'dist/img.jpg': 'src/img.jpg',
'dist/img.gif': 'src/img.gif'
}
},
dynamic: { // Another target
files: [{
expand: true, // Enable dynamic expansion
cwd: 'src/', // Src matches are relative to this path
src: ['**/*.{png,jpg,gif}'], // Actual patterns to match
dest: 'dist/' // Destination path prefix
}]
}
}
});
grunt.loadNpmTasks('grunt-contrib-imagemin');
grunt.registerTask('default', ['imagemin']);
pngquant option is now false by default instead of true.interlace option for gif files.gifsicle and pngquant. Cache images so only changed images are optimized. Default optimizationLevel to 7 and progressive to true.Task submitted by Sindre Sorhus
This file was generated on Mon Nov 09 2015 15:32:14.
FAQs
Minify images
The npm package grunt-contrib-imagemin receives a total of 24,056 weekly downloads. As such, grunt-contrib-imagemin popularity was classified as popular.
We found that grunt-contrib-imagemin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.