imagemin-gifsicle

What is imagemin-gifsicle?

The imagemin-gifsicle npm package is a plugin for Imagemin that uses the Gifsicle library to compress GIF images. It allows you to optimize GIF files by reducing their file size while maintaining quality.

What are imagemin-gifsicle's main functionalities?

Optimization

This feature allows you to optimize GIF images by reducing their file size. The code sample demonstrates how to use imagemin-gifsicle to compress all GIF files in the 'images' directory and save the optimized versions in the 'build/images' directory.

const imagemin = require('imagemin');
const imageminGifsicle = require('imagemin-gifsicle');

(async () => {
    await imagemin(['images/*.gif'], {
        destination: 'build/images',
        plugins: [
            imageminGifsicle()
        ]
    });
    console.log('GIF images optimized');
})();

Interlacing

This feature allows you to enable interlacing for GIF images. Interlacing loads the image progressively, which can improve the user experience on slow connections. The code sample demonstrates how to enable interlacing while optimizing GIF images.

const imagemin = require('imagemin');
const imageminGifsicle = require('imagemin-gifsicle');

(async () => {
    await imagemin(['images/*.gif'], {
        destination: 'build/images',
        plugins: [
            imageminGifsicle({ interlaced: true })
        ]
    });
    console.log('GIF images optimized with interlacing');
})();

Color Reduction

This feature allows you to reduce the number of colors in a GIF image, which can significantly reduce the file size. The code sample demonstrates how to reduce the number of colors to 64 while optimizing GIF images.

const imagemin = require('imagemin');
const imageminGifsicle = require('imagemin-gifsicle');

(async () => {
    await imagemin(['images/*.gif'], {
        destination: 'build/images',
        plugins: [
            imageminGifsicle({ colors: 64 })
        ]
    });
    console.log('GIF images optimized with color reduction');
})();

Other packages similar to imagemin-gifsicle

gifsicle

The gifsicle package is a command-line tool for creating, editing, and optimizing GIF images. It offers similar functionalities to imagemin-gifsicle, such as optimization, interlacing, and color reduction. However, it is not specifically designed to be used as a plugin for Imagemin.

giflossy

The giflossy package is a fork of Gifsicle that includes lossy compression options for GIF images. It provides more aggressive compression techniques compared to imagemin-gifsicle, which can result in smaller file sizes but may also reduce image quality.

imagemin-giflossy

The imagemin-giflossy package is an Imagemin plugin that uses the giflossy library to optimize GIF images. It offers similar functionalities to imagemin-gifsicle but with additional lossy compression options for more aggressive optimization.

README

imagemin-gifsicle

gifsicle imagemin plugin

Install

$ npm install --save imagemin-gifsicle

Usage

var Imagemin = require('imagemin');
var gifsicle = require('imagemin-gifsicle');

var imagemin = new Imagemin()
	.src('images/*.gif')
	.dest('build/images')
	.use(gifsicle({ interlaced: true }));

imagemin.run(function (err, files) {
	if (err) {
		throw err;
	}

	console.log('Files optimized successfully!'); 
});

You can also use this plugin with gulp:

var gulp = require('gulp');
var gifsicle = require('imagemin-gifsicle');

gulp.task('default', function () {
	return gulp.src('images/*.gif')
		.pipe(gifsicle({ interlaced: true }))
		.pipe(gulp.dest('build/images'));
});

Options

interlaced

Type: Boolean
Default: false

Interlace gif for progressive rendering.

License

MIT © imagemin