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
| Free | 25 runs a day per IP address, up to 100,000 characters a run. |
|---|---|
| Pro | No daily limit, 300 requests a minute, up to 200,000 characters a run. |
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
- Feedback lint
Sort critique notes into observation, opinion, solution, vague and question, and rewrite the weak ones.
- Personal data scan
Find real emails, phone numbers, cards, IBANs and API keys in design text before you share the file.
- Handoff spec check
Find the missing states, sizes, tokens and behaviours in a component handoff list before developers ask
- Naming convention check
Audit layer, token and file names for mixed styles, default names like Frame 12 and version leftovers
- Asset export planner
Get the formats and sizes to export for each asset across web, iOS, Android, favicon and social
- Design changelog
Turn two lists of tokens or components into a changelog with probable renames and a version bump