@parcel/optimizer-svgo

What is @parcel/optimizer-svgo?

@parcel/optimizer-svgo is a Parcel plugin that optimizes SVG files using SVGO (SVG Optimizer). It helps reduce the size of SVG files by removing unnecessary data and optimizing the SVG structure, which can improve load times and performance for web applications.

What are @parcel/optimizer-svgo's main functionalities?

Basic SVG Optimization

This feature allows you to optimize a basic SVG string using the @parcel/optimizer-svgo package. The optimizer removes unnecessary data and optimizes the SVG structure.

const { Optimizer } = require('@parcel/optimizer-svgo');
const optimizer = new Optimizer();
const svg = '<svg>...</svg>';
const optimizedSvg = optimizer.optimize(svg);
console.log(optimizedSvg);

Custom SVGO Configuration

This feature allows you to customize the SVGO configuration by specifying which plugins to use and their settings. This provides more control over the optimization process.

const { Optimizer } = require('@parcel/optimizer-svgo');
const optimizer = new Optimizer({
  plugins: [
    { name: 'removeDoctype', active: true },
    { name: 'removeComments', active: true }
  ]
});
const svg = '<svg>...</svg>';
const optimizedSvg = optimizer.optimize(svg);
console.log(optimizedSvg);

Other packages similar to @parcel/optimizer-svgo

svgo

SVGO (SVG Optimizer) is a Node.js-based tool for optimizing SVG files. It provides a wide range of plugins to customize the optimization process. Compared to @parcel/optimizer-svgo, SVGO is a standalone tool that can be used independently of Parcel.

imagemin-svgo

imagemin-svgo is a plugin for the imagemin image optimization tool that uses SVGO to optimize SVG files. It integrates with the imagemin ecosystem, allowing for a broader range of image optimizations beyond just SVGs. Compared to @parcel/optimizer-svgo, imagemin-svgo is part of a more extensive image optimization toolkit.

README

The README file is missing

Changelog

[2.13.3] - 2024-12-16

Fixed

• Resolver
  • Ignore invalid package.json fields – Details