Skip to content
BEAD

SVG Optimizer

Minify and clean up SVG files in your browser using SVGO.

ImagesDeveloper
Input (256 B)
Output (0 B · saved 100%)

🔒 SVGs are optimised entirely in your browser.

</>Use this tool programmaticallycurl · JavaScript · MCP

Same tool, callable from any HTTP client or from Claude (via MCP). Anonymous: 100 req/day per IP. Sign up for 1,000 req/day.

curl
curl https://api.b-e-a-d.com/tools/svg-optimizer/run \
  -H "Content-Type: application/json" \
  -d '{
  "svg": "a",
  "multipass": true,
  "floatPrecision": 3,
  "removeDimensions": false,
  "removeViewBox": false
}'
JavaScript (fetch)
const res = await fetch("https://api.b-e-a-d.com/tools/svg-optimizer/run", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
  "svg": "a",
  "multipass": true,
  "floatPrecision": 3,
  "removeDimensions": false,
  "removeViewBox": false
}),
});
const data = await res.json();
console.log(data.result);
MCP (Claude Desktop / Claude Code)
# In Claude Desktop / Claude Code, add to your MCP config:
{
  "mcpServers": {
    "bead": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.b-e-a-d.com"]
    }
  }
}

# Then ask Claude to call:
mcp__bead__bead_svg_optimizer

Full reference: developer docs · OpenAPI spec

What SVGO does

Strips editor metadata, removes unused attributes, collapses paths, simplifies transforms, rounds numbers, and a long list of other quality-of-life optimisations. Visually identical, often 30–70% smaller.

Heads-up: SVGO can break filter / animation IDs if you opt into the cleanupIds plugin too aggressively. The defaults here are safe; uncheck options if you hit an issue.

You might also like

Used in these workflows