tools/image/svg optimizer
// imagenew

svg optimizer

remove comments, round decimals, clean attributes

// client-only — paste SVG to optimize download 
— paste SVG to optimize

// related tools

image → webpbatch convert, control quality

// about this tool

SVG files exported from design tools like Figma, Illustrator, or Inkscape often contain significant bloat: XML declarations, DOCTYPE, editor metadata, empty attributes, redundant default values, long decimal coordinates, and excess whitespace. This tool applies up to eight configurable optimisation passes entirely in your browser and shows the exact byte reduction.

// when to use

  • Reduce SVG icon file size before bundling them into a web app
  • Clean up Figma or Illustrator SVG exports before committing to a repo
  • Remove metadata and comments from SVGs used in production CSS
  • Inspect the size impact of each individual optimisation pass

// faq

Is this the same as SVGO?
No. SVGO is a Node.js tool that applies a much larger set of transformations including path merging, shape conversion, and transform collapsing. This tool performs simpler text-level and attribute-level passes that are safe and reversible. For production pipelines, SVGO or svgomg is recommended.
Will the SVG still render correctly after optimisation?
Yes for the default passes. Removing comments, DOCTYPE, XML declarations, title/desc/metadata, empty attributes, and collapsing whitespace are all visually lossless. The "round decimals" pass (toPrecision 4) may cause sub-pixel differences on very precise paths.
// history
Pro Cloud Sync — upgrade
no operations yet