SVGOMG SVGO plugins

Minify styles (minifyStyles)

Minifies CSS inside <style> elements (whitespace, redundant syntax) before or instead of inlining.

What Minify styles does in SVGO

SVGO applies minifyStyles as part of its plugin pipeline. In SVGOMG the toggle is labeled Minify styles (enabled by default). Optimization runs entirely in your browser — files are not uploaded to a server.

Use the SVGOMG optimizer with Show original to compare before and after. If output looks wrong, disable this plugin first, then re-enable related transforms one at a time.

When to enable

SVGs that keep internal stylesheets rather than inlined attributes.

When to disable

When you rely on readable CSS remaining in the file for debugging.

Watch out for

Pair with mergeStyles for best results.

Try it in SVGOMG

  1. Open svgomg.net and load your SVG (file, paste, or demo).
  2. Find Minify styles in the Features panel (minifyStyles).
  3. Toggle the plugin and compare the preview; download when satisfied.

Open SVGOMG

SVGO Plugin Guide

Browse the SVGO Plugin Guide or read the full SVG optimization walkthrough on the homepage.