The Image to SVG tool finds the areas of flat colour in your bitmap and redraws them as closed vector shapes, producing an SVG that stays sharp at any size. Everything runs as JavaScript in your browser, so the image you pick is never uploaded to a server.
A bitmap like a PNG or a JPG is a grid of pixels: enlarge it and you see the squares and a jagged edge. An SVG stores shapes as maths instead, so it stays crisp at every size, from a 16px favicon to a printed banner. That is why logos, icons and flat illustrations belong in vector form.
Pick one of four presets for the kind of image you have, then adjust three things: the number of colours the image is reduced to before tracing, how much the curves are smoothed rather than following each pixel, and the threshold below which small shapes are dropped. The preview re-renders after every change.
The setting worth knowing about is the processing resolution. Tracing a small image at 1x records each curve only to the nearest pixel, which shows up as a visibly wavy edge. Setting 2x or 4x enlarges the image before tracing so the algorithm has sub-pixel detail to follow, at the cost of a slower run.
One thing to know up front: a vector is not always better. For a photograph the tool has to split the picture into thousands of flat patches, giving an SVG several times heavier than the original that looks like a paper collage. Vectors pay off for flat-shaded shapes: logos, icons, charts, lettering and line art.
What it does
Takes the usual formats
PNG, JPG, WebP, GIF and BMP, by drag and drop or from a file picker.
Four presets
Logo, illustration, photograph and one-colour silhouette, each with sensible settings already dialled in.
Live preview
Original and result side by side, re-rendered as you move each slider.
Supersampled edges
2x and 4x enlarge the image before tracing, so curves come out smooth instead of wavy.
Tells you if it got bigger
Compares the SVG against the source file, so you can see whether the conversion was worth it.
Runs entirely in the browser
Nothing is uploaded, and the tool keeps working with no connection.
How to convert an image to SVG
Add your image
Drop it on the panel or use the file picker. The limit is 20 MB.
Choose the image type
Logo for flat art with few colours, Illustration for something busier, or Silhouette for a one-colour stencil.
Set the colour count
Fewer colours give a smaller, cleaner file; raise it if the result is losing areas that matter.
Adjust smoothing and detail
Raise smoothing to lose the jagged edges, and raise the small-detail threshold to clear speckle.
Raise the resolution if edges still wobble
Switch to 2x or 4x. The smaller the source image, the more difference this makes.
Download the SVG
Press Download SVG, or copy the markup straight out to paste into your own page.
Image to SVG FAQ
Is my image uploaded to a server?
No. Decoding and tracing happen entirely in JavaScript in your browser. No network request carries the image anywhere, so the tool is safe to use on private artwork.
Does converting a photograph to SVG look good?
Usually not. Photographs have continuous gradients while an SVG stores flat areas of colour, so the result looks like a paper collage and the file ends up several times larger than the original. This tool is at its best on logos, icons, lettering and line art.
Why are my edges wavy?
Because the tracer only records each curve to the nearest pixel of the source. Switch the processing resolution to 2x or 4x, which enlarges the image before tracing, and raise the smoothing slider. On small images this makes a large difference.
Why is the SVG bigger than the original PNG?
Every area of colour becomes its own path, so more colours means a bigger file. Reduce the colour count, raise the small-detail threshold, and increase smoothing. The tool always shows the size difference as a percentage so you can tell whether you are heading the right way.
Can I edit the SVG afterwards?
Yes. It is a standard SVG made of ordinary path elements, so it opens in Illustrator, Inkscape, Figma or any vector editor, and its colours can be changed directly with CSS.
Does it handle transparent backgrounds?
Yes, transparency is preserved. If you want to reduce the artwork to a single colour on transparency, use the one-colour silhouette preset.
Is there a usage limit?
No. The tool is free, needs no account, has no cap on conversions, and adds no watermark.
Related tools
Other tools on Toolbox:
Content Breaking
Convert text into Unicode characters that look almost identical to ordinary letters, for captions, bios and headings. Converts as you type, one-click copy, free.
Pixel Mirror
Enter a URL, pick the pages you want and download static HTML, CSS and JS that runs offline. Two modes: Full uses a real browser, Lite is HTTP only.
Random Picker
Draw a random name from your own list or a random number from any range, with an optional no-repeat mode. Your list is stored in the browser. Free, no sign-up.
Change WordPress Host
Enter the old and new domain and get the SQL that updates wp_options, wp_posts and wp_postmeta. For moving WordPress to a new domain or from localhost to hosting.
Generator
Generate strong passwords, API keys, PINs, hex strings, Base64 keys and UUID v4 in your browser. Live entropy strength meter, nothing sent to a server.