RunTangent
DESIGN & DEV GRAPHICS / SVG OPTIMIZER

SVG Optimizer

Optimize SVG markup and download a smaller SVG file.

Keep the character. Refine the details.

Illustrative sample

Static SVG cleanup · Editable XML · SVG & 2× PNG export.

Consider the result
Drop another SVG here, or load a file above.
Changing cleanup options replaces manual edits.
A LIGHTER TOUCH. A CLEARER LINE.

Let the form
do the talking.

Inspect a vector, remove what it no longer needs and review the result. Keep the editable SVG, or export a PNG for a different destination.

How to refine an SVG

  1. Bring your vector.Load a self-contained static SVG. The starting sample is illustrative.
  2. Choose the passes.Review cleanup options and numeric precision.
  3. Inspect the result.Check the preview and byte sizes. Edit output XML if needed.
  4. Keep a considered copy.Download SVG or PNG, and retain the original file.
AROUND THE EDGES

A cleaner file.
A familiar form.

Back to the workspace ↑
What does optimization change?

Choose passes for comments, editor metadata, empty groups/definitions, hidden nodes and path whitespace. Numeric precision applies to supported numeric attributes and viewBox values. Review the result: cleanup and rounding may alter some SVGs, and smaller files are not guaranteed.

Which SVGs can I load?

Use self-contained static SVG files. The validator rejects scripts, HTML foreignObject content, animation, event handlers and unsupported references or CSS. This is a supported-content check, not a general-purpose SVG security certification.

Can I edit the SVG code?

Yes. Edit the output XML to update the preview and exported SVG after validation. Changing an optimization setting reprocesses the originally loaded SVG, replacing manual output edits. Save a copy before switching settings.

What can I download?

Download the current SVG or copy its XML. PNG export rasterizes the current SVG at twice its decoded dimensions, subject to 10,000 pixels per side and 25 million pixels total. Preview zoom and backdrop are viewing aids; they are not added to exported files.

Where are my files processed?

Parsing, cleanup and rendering happen in your browser. This tool does not upload your SVG. Keep your original and compare the output before using it. The initial sample is illustrative; your browser can render only the features and fonts it supports.