Designers

All 141 tools / Handoff and design ops

Find the editor metadata, long decimals and unused defs bloating an SVG, with the bytes they cost

SVG bloat checkFreeFor developers and designers

25/day

free runs a day, no sign-in.

Before: what you give it

The example input, as typed in. You paste text, CSS, markup or notes.

<?xml version="1.0" encoding="UTF-8"?><!-- Generator: Sketch 59 --><svg xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" viewBox="0 0 24 24"><title>Created with Sketch.</title><metadata>x</metadata><defs><linearGradient id="g1"><stop offset="0"/></linearGradient></defs><g id="Layer_1" fill-rule="nonzero"><g><path d="M12.123456 2.987654L2.111111 22.000001H22.5z" opacity="1"/></g><g display="none"><circle r="2"/></g></g></svg>

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

SVG OPTIMISATION HINTS
Size: 469 bytes. Measurable text savings from the listed items: about 79 bytes (17% of the file), a rough sum that ignores gzip.
Findings: 0 high, 3 medium, 7 low, 0 info

[MEDIUM] Editor metadata: 3 editor-specific attribute or element marker(s)
  Inkscape, Sodipodi, Sketch, Illustrator and Figma leave namespaces, metadata and default ids behind.
  Seen in: xmlns:sketch= | <metadata | id="Layer_1"
  Fix: Run through SVGO or SVGOMG with default plugins, then re-check that the drawing is unchanged.

[MEDIUM] Hidden content: 1 hidden element
  Invisible shapes still ship in the file.
  Seen in: <g>
  Fix: Delete unless a script toggles them.
... full output on the tool page

What you get

Findings by severity and a rough byte saving from the measurable items

What it cannot do

It lists the bloat and does not rewrite or optimise the file; the saving is a rough sum that ignores gzip.

Who it is for

  • Developers
  • Designers

Free and Pro

Free25 runs a day per IP address, up to 100,000 characters a run.
ProNo daily limit, 300 requests a minute, up to 200,000 characters a run.

What each plan includes

Use it from your assistant

The tool is called check_svg_bloat. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.

claude mcp add --transport http designers https://designers.allthepossibles.com/mcp
curl -X POST https://designers.allthepossibles.com/api/svg-optimize-hints -H 'content-type: application/json' -d '{"svg":"<?xml version=\"1.0\" encoding=\"UTF-8\"?><!-- Generator: Sketch 59 --><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\" viewBox=\"0 0 24 24\"><title>Created with Sketch.</title><metadata>x</metadata><defs><linearGradient id=\"g1\"><stop offset=\"0\"/></linearGradient></defs><g id=\"Layer_1\" fill-rule=\"nonzero\"><g><path d=\"M12.123456 2.987654L2.111111 22.000001H22.5z\" opacity=\"1\"/></g><g display=\"none\"><circle r=\"2\"/></g></g></svg>"}'

Try it here

The form starts with the same example input, so you can run it first and then swap in your own.

More in handoff and design ops

All handoff and design ops tools