Image to SVG Converter
Trace a PNG or JPG into a scalable SVG, entirely in your browser. This works by vectorizing your image into flat color regions — it's not the same as a hand-drawn vector, and works best on logos, icons, and simple illustrations rather than detailed photos.
Click to upload or drag and drop
PNG, JPG, or WebP — best results with simple, flat-color images
How this differs from a real vector drawing
A designer drawing a logo in vector software places clean, deliberate shapes by hand. This tool instead traces your existing raster image: it groups pixels into a limited number of flat color regions and converts each region's outline into an SVG path. That makes it useful for scaling up a simple logo or icon without a source vector file available — but it will not recover detail, gradients, or texture a photo has that flat color regions can't represent.
Getting a cleaner result
Simple, high-contrast images with few flat colors — logos, icons, line art — trace far more cleanly than photos. If the result looks blotchy, try a lower detail level or start from a simpler source image.
The three detail levels
The Detail level menu sets how many colors the tracer may use: Simple (logos, icons) uses 8, Balanced uses 16 and More detail (slower) uses 32. Balanced is selected when you load an image. The trace re-runs by itself about 0.2 seconds after you change the level, and the Original and Traced SVG preview sit side by side. The download is named like logo-traced.svg.
What real output looks like
Tracing a 64 × 64 test image that is half red and half blue produces a tiny SVG of about 384 bytes with two paths and width and height of 64, at any of the three levels. Tracing a 64 × 64 smooth color gradient gives 8 paths and about 1.5 KB at Simple, 16 paths and about 2.7 KB at Balanced, and 32 paths and about 5.4 KB at More detail. The SVG takes the pixel size of the source image, and more colors mean more shapes and a larger file.
Accepted files and limits
The file picker accepts PNG, JPEG and WebP. An SVG is refused with a message to choose a raster image, and files over 50 MB are rejected. The trace is flat color regions only, so gradients become visible bands, while a two-color logo traces cleanly.
Frequently asked questions
Does this give me a real, editable vector like a designer would draw?
No — this traces the shapes and color regions in your raster image into SVG paths (vectorization), which is different from an artist manually drawing clean vector shapes. It works best on simple images like logos, icons, and flat illustrations, not detailed photos.
Why does my photo look blotchy or lose detail as an SVG?
Tracing works by grouping pixels into a limited number of flat color regions, so fine detail, gradients, and photographic textures get simplified or lost. Fewer colors and simpler source images produce cleaner results.
Is my image uploaded anywhere?
No — tracing runs entirely in your browser using JavaScript. The image is never sent to a server.
How many colors does each detail level use?
Simple uses up to 8 colors, Balanced 16 and More detail 32. Images with fewer distinct colors than that simply produce fewer shapes.
Which file types can I trace?
PNG, JPEG and WebP images up to 50 MB. SVG files are refused because they are already vectors.