imagemin-gifsicle

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');
})();