✒️SVG Editor

How to use the SVG editor

1. Paste SVG markup into the editor, or open an .svg file — the preview redraws as you type.
2. Click Optimise to strip comments, editor metadata, unused ids and redundant whitespace, and to round long coordinates.
3. Export the cleaned SVG, a PNG at 1×–8× scale, or copy it as a data URI / CSS url() for use in a stylesheet.

FAQ

Is this as thorough as SVGO?

No. This is a safe, conservative cleaner: comments, metadata, editor namespaces, unused ids, whitespace and number precision. It never rewrites paths or merges shapes, so the result always renders identically.

Why is my PNG export blank?

The browser rasterises SVG in a sandbox that cannot reach external resources. SVGs referencing remote images, remote fonts or scripts will render empty — inline the assets first.

Which is smaller, a data URI or a file?

Base64 adds about 33%. This tool emits URL-encoded data URIs instead, which are usually smaller than base64 for SVG and work fine in CSS url().