imagemin

image optimization tool

TLDR

Compress images in place

$ imagemin [images/*] --out-dir=[images]

Compress to different directory

$ imagemin [src/images/*] --out-dir=[dist/images]

Use specific plugin

$ imagemin [images/*] --plugin=pngquant --out-dir=[output]

Set quality

$ imagemin [images/*] --plugin.mozjpeg.quality=80 --out-dir=[output]

imagemin is an image optimization tool. It compresses PNG, JPEG, GIF, and SVG images using various plugins while maintaining visual quality.It's commonly used in build pipelines to reduce image file sizes for web applications, improving load times without noticeable quality loss.

PARAMETERS

--out-dir, -o dir

Output directory.

--plugin name

Use specific plugin.

--plugin.name.option

Plugin option.

PLUGINS

$ imagemin-mozjpeg     JPEG optimization
imagemin-pngquant    PNG optimization
imagemin-gifsicle    GIF optimization
imagemin-svgo        SVG optimization
imagemin-webp        WebP conversion

NODE.JS USAGE

$ const imagemin = require('imagemin');
const mozjpeg = require('imagemin-mozjpeg');

await imagemin(['images/*.jpg'], {
destination: 'dist/images',
plugins: [mozjpeg({quality: 75})]
});

CAVEATS

Requires Node.js. Plugins installed separately. Lossy compression reduces quality. Original files overwritten with same out-dir.

HISTORY

imagemin was created as a Node.js-based image optimization toolkit. It provides a unified interface for various image compression algorithms, popular in web development workflows.