Documentation
What SvgDraw does, where each tool runs, and the limits that apply. Short on purpose — the tools carry their own instructions, and this page exists to answer the questions those pages cannot.
What this is
SvgDraw is 21 tools for working with SVG: converting raster images to vectors, shrinking files, editing paths and nodes, generating icons and animations, and exporting to React, Vue, PNG or a sprite sheet.
There is nothing to install and nothing to buy. Open a tool, drop a file on it, take the result. An account is optional and only adds one thing — projects saved to the cloud instead of to your browser.
Where processing happens
This is the question worth reading carefully, because the answer is not the same for every tool.
In your browser
19 of the 21 tools. Optimizing, editing, drawing, recolouring, animating, inspecting, and every code or image export. The file is read by the page and never sent anywhere — speed depends on your own CPU rather than on a queue.
On our server
Two tools: PNG to SVG and JPEG to SVG. Tracing a raster image needs more than a browser can do well, so the image is uploaded, converted, and returned. Neither the upload nor the result is stored, written to disk, or shared.
The Privacy Policy describes that data flow in full.
The tools
Every tool has its own page with features, use cases and answers to the questions people actually ask about it.
Convert
Transform between SVG and other formats
- PNG to SVG ConverterPopularConvert PNG images to scalable SVG vectors instantly.
- JPEG to SVG ConverterTurn JPEG photos and images into clean SVG vectors.
- SVG to React ComponentPopularConvert SVG code into optimized React/TSX components instantly.
- SVG to Vue ComponentTransform SVG files into ready-to-use Vue 3 components.
- SVG to PNG ConverterPopularConvert SVG files to PNG, JPEG, or WebP images at any resolution.
Optimize
Compress and clean up SVG files
Create
Draw and generate new SVG artwork
Edit
Modify, animate, and transform SVGs
- SVG EditorNewEdit SVG files online with a visual node-based editor.
- SVG Recolor ToolChange SVG colors instantly with a visual color picker.
- SVG Animation GeneratorBetaDraw the path an element travels and shape its easing curve.
- SVG Morph GeneratorBetaCreate smooth shape morphing animations between SVG paths.
- SVG Filter PlaygroundExplore and customize SVG filter effects visually.
Analyze
Inspect, audit, and understand SVG files
Limits
These apply to everyone, signed in or not. There is no paid tier that lifts them yet, and we would rather say so than list one.
| What | Limit |
|---|---|
| Upload size, PNG/JPEG tracer | 5MB |
| Tracer conversions | 20 per 10 minutes |
| Accepted tracer formats | PNG, JPEG, WebP, GIF and BMP |
| Everything that runs in the browser | No limit from us — only what your device can hold |
Saving your work
The canvas tools — the editor, the studio and the drawer — autosave to your browser's local storage as you work, with no account. Close the tab and the document is still there when you come back, on that browser and that device only.
Signing in adds cloud projects, which sync across devices. Undo history is deliberately not saved in either place: it is a full copy of the document per step, and keeping it would exhaust the storage holding the documents themselves.
API access
There is no public API. The tracer is served by an internal endpoint that the tool pages call, but it is undocumented, unversioned, and not something to build against — it can change without notice. A supported API with keys and quotas is on the roadmap. If you need one, saying so moves it up.
Need help?
If a tool does something you did not expect, tell us what you fed it. That is usually enough to reproduce it.
Contact support