How to optimize and clean up SVG code

Practical tips

SVGs exported by design software often carry extra code: metadata, comments, very long decimals and unnecessary groups. Cleaning it reduces weight, speeds up loading and makes editing easier.

What usually piles up in an SVG

Metadata and comments: tags from the source editor (Illustrator, Inkscape).
Excessive decimals: coordinates like 12.0000001 that can be trimmed.
Default attributes: values that are already the default.
Empty groups and layers: <g> with no useful content.
Unused IDs and classes.

Review the code by hand

In svgdesk, the SVG code panel shows the file's real content and syncs live. You can see which tags are extra, delete metadata or simplify attributes and check instantly that the image stays the same.

Reduce decimals

Coordinates with many decimals add weight without visible precision. Rounding to 1 or 2 decimals is usually enough. When editing nodes in svgdesk, coordinates are generated already rounded.

Simplify shapes

Fewer nodes = lighter code. If a curve has extra nodes, delete them (select and Del). Convert primitives when it helps and avoid duplicating strokes.

Use short colors

Prefer 3- or 6-digit hex values (#fff, #6c8cff) instead of long rgb() when possible.

Final best practices

Define a clear viewBox and avoid fixed width/height if you want it to scale.
Remove unnecessary transforms by applying them to the coordinates.
Keep a copy of the original before optimizing.

Open the editor