What does the SVG optimizer do?

Removes unnecessary metadata, comments, whitespace, empty elements, and default attributes to reduce file size.

Is this SVG editor free?

Yes, 100% free with no signup. All processing happens in your browser.

Yes, at custom resolutions up to 4096x4096 with transparent or colored backgrounds.

Does optimization change appearance?

No, only code that does not affect visual appearance is removed.

What options are available?

Remove metadata, comments, empty groups, hidden elements, default attributes, editor data, minify colors, round numbers, shorten IDs, and more.

SVG Editor & Optimizer

Q: Can I draw SVG shapes visually?

Yes. The Draw tab lets you add rectangles, ellipses, lines, freehand paths and text, then select, move, resize and reorder them. Changes sync straight back to the editable SVG code.

Draw shapes visually or edit SVG code with a live preview, optimize to reduce file size, and export as SVG or PNG. Everything runs in your browser — your files never leave your device.

How to use: Paste SVG code, upload a file, or drag-and-drop an SVG — the preview updates live. Switch to the Draw tab to add rectangles, ellipses, lines, freehand paths and text, then select, move, resize and reorder them; every change syncs straight back to the code. Use Optimize to shrink file size and export as .svg or .png. Press Ctrl+F (Cmd+F) for find/replace. Draw shortcuts: V select, R rect, E ellipse, L line, P path, T text, Del delete. Everything is auto-saved to local storage.

SVG Code

Size: 0 B

Lines: 0

Elements: 0

Dims: —

Preview

SVG preview appears here

ViewBox: —

Colors: 0

Optimization Options

Original—

Optimized—

Savings—

SVG Editor & Optimizer

Export as PNG

Edit ViewBox

Find & Replace Colors

Edit History