SVG Studio

A browser-local workbench for turning raster artwork into editable SVG and inspecting existing vectors.

Quick start

SVG Studio turns a pasted, dropped, or selected image into an editable vector. Adjust the trace, compare the result with the source, and export the SVG. Tracing runs in the browser, so the artwork does not need to be uploaded. Raster tracing is an approximation: fine details and shades may change.

Open the SVG Studio workbench

Demo

The source artwork, then its trace, an editable SVG:

What it is

SVG Studio turns raster artwork into editable SVG and lets you inspect existing vectors in the browser. Existing SVGs can also be imported and inspected without retracing. Individual results can be exported as SVG, or collected into a ZIP.

Why it exists

Artwork usually arrives as a picture, while a website, an app icon or an animation needs paths it can scale and edit. SVG Studio does the conversion on your own machine, in the page, and shows the result beside the source so you can judge it.

Core features

A collection to explore

The collection brings together eight groups of vector artwork and icons, including Japanese, Botanical, Sci-fi and Dark garden. Each collection offers its available versions for inspection, copying, and download; animated pieces can be paused and resumed.

Tools for agents

The studio also provides a local tracing MCP server and a collection registry. The installation guide explains how to use the tools and browse the collection from a coding agent.

How it works

Tracing runs in the browser with the studio's tuned settings, so the artwork stays on your machine. Raster tracing is an approximation: fine details and shades may change, which is why the result sits beside its source. For agents, the MCP server offers two tracing tools, vectorizeimage and batchvectorize, with the same settings.

Where it's going

The collections grow as new source artwork arrives; the Minimal collection is under review. The workbench does not yet wait for a clipboard copy to finish.

Summary

SVG Studio turns a picture into an editable SVG without sending it anywhere: open the workbench, drop in an image, and compare the trace with its source.