SVG Optimizer

Available cleanup areas include comments and insignificant whitespace, metadata and editor data, redundant or empty attributes, IDs, and selected numeric values.

Choose the optimization controls

• Remove comments & insignificant whitespace removes XML comments and removable whitespace nodes. Whitespace in text-related elements is preserved.
• Remove metadata & editor data (Inkscape/Illustrator/Sodipodi/RDF) removes <metadata> and matching editor-prefixed elements or attributes. It does not remove <title> elements.
• Clean up redundant/empty attributes removes empty attributes and an unused xmlns:xlink declaration when no xlink: attribute is used.
• Clean up IDs (unused removed, used ones shortened - references preserved) checks selected attribute references and url(#id) references. It can remove unreferenced IDs and shorten referenced IDs. CSS selector references such as #id in a style block are not established as supported references.
• Reduce numeric precision rounds selected attributes, path data, polygon and polyline points, transforms, and viewBox values. The Decimal places slider ranges from 0 to 4 and is used only when this option is enabled.

Review warnings and limitations

The tool accepts only SVG-looking files: the filename must end in .svg or the file type must be image/svg+xml. Malformed SVG XML, or a document whose root is not <svg>, is rejected with an alert.

After a valid file is loaded, the warning panel can report constructs that are outside the main cleanup scope or need extra review:

• <script> elements and inline event-handler attributes such as onclick or onload, which are left untouched.
• External href or xlink:href references, which are left untouched.
• SVG filters and SMIL animation elements such as <animate>, <animateTransform>, <animateMotion>, <animateColor>, and <set>, which are left untouched.
• <foreignObject>, raster <image> references, and inline <style> content. Supported url(#id) references can still be updated when ID cleanup is enabled.

Bitmap image data is not edited, but enabled attribute, ID, or precision cleanup can still affect surrounding SVG markup. The implementation does not state a maximum file size or guarantee support for particular browser versions.

How to optimize an SVG

1. Drop an SVG file onto the drop zone, or click browse files.
2. Review any entries in the warning panel.
3. Select or clear the optimization controls. If Reduce numeric precision is enabled, set Decimal places with the 0-to-4 slider.
4. Compare Before and After, then review the change report.
5. Click Download optimized SVG.

Check the preview and change report

The Before and After panels render the SVG markup natively for visual comparison. Inspect both panels, especially when warnings appear; the tool does not guarantee unchanged appearance after every cleanup.

The change report lists only nonzero detected changes, including removed comments or whitespace, metadata/editor elements, editor attributes, empty attributes, the unused namespace case, removed or renamed IDs, and rounded numbers. It also shows the original size, optimized size, and savings. If there are no report items, it can state that no optimizations were selected or that nothing needed cleaning.

Frequently asked questions