Image to SVG Converter — PNG/JPG to Vector
Bitmap to SVG vector tracing with colour and detail sliders
Runs in your browser · nothing is uploaded
The picture is reduced to a few colours and the outline of each colour area is traced with lines and curves. It works well for logos, icons, lettering and simple drawings. Photos come out posterised and the file can get very large; gradients and soft edges cannot be kept as they are.
Drop an image to convert to SVG
One JPG, PNG, WebP, GIF or BMP (up to 50 MB). You can also paste with Ctrl+V (⌘V on a Mac). Nothing is uploaded.
The most colours the SVG may use. Try 2–8 for logos and 16 or more for illustrations.
Higher follows outlines more closely and keeps small specks, but makes a larger file and takes longer. 1 is simple, 5 is closest to the original.
What it does
This tool converts a bitmap (PNG, JPG, WebP, GIF or BMP) into an SVG vector. Bitmaps are grids of pixels and turn blocky when enlarged; SVG stores lines and curves, so it stays sharp at any size. It helps when the original logo file is lost and only a small PNG survives, when you need an icon for a website, or a vector for laser cutting, embroidery or stickers.
Know the limits first. The image is reduced to a handful of colours and the outline of each colour area is traced, so gradients, soft edges and photographic texture cannot be kept as they are. The flatter the artwork, the cleaner the result.
How to use
- Drop an image or click Choose image. Pasting with Ctrl+V works too.
- Set Colours: 2 for a black-and-white logo, 4–8 for a logo with a few colours, 16 or more for illustrations.
- Pick Detail from 1 to 5. Higher follows outlines more closely.
- Compare the preview with the original, then click Save SVG or copy the code.
How it works
- Colour reduction: every pixel is assigned to sampled palette colours, refined in three passes. The same image and settings always give the same SVG.
- Tracing: colour-area edges are fitted with straight lines and quadratic curves. Detail 1 allows 4 px of error and drops shapes under 32 outline points; detail 5 follows within 0.25 px and keeps small specks.
- Analysis size: for speed the long edge is reduced to 300 px at detail 1, 700 px at detail 3 and 1400 px at detail 5, and the coordinates are scaled back to the original size.
- Clean-up: shapes in fully transparent colours are removed, and the original width, height and a viewBox are set.
- Tracing uses imagetracerjs (public domain).
Examples
| Original | Settings | Result |
|---|---|---|
| Black lettering logo PNG, 800×300 | 2 colours, detail 3 | Black lettering on white, a small file |
| Four-colour icon PNG, 512×512 | 4 colours, detail 4 | 4 colours, smooth curves |
| Landscape photo JPG, 4000×3000 | 16 colours, detail 2 | Poster look, a much larger file than a logo |
To turn a vector back into a PNG, use SVG to PNG; for a set of website icons, try the favicon generator.
FAQ
Can I convert a photo to SVG?
You can, but it comes out as a few flat colour areas, like a poster, and high detail can push the file to several megabytes. Photos are better kept as JPG or WebP; this tool suits logos, icons, lettering and simple drawings.
The result has lots of small specks.
Lower the detail to drop small blobs, and lower the colour count to merge similar colours. If the original is a noisy JPG, 2–8 colours usually helps most.
Is a transparent background kept?
Yes. Fully transparent areas produce no shapes, so they stay empty in the SVG. Semi-transparent areas get the colour's opacity.
What size is the saved SVG?
It has the original image's pixel width and height plus a viewBox, so it scales cleanly to any size on the web or in a design app.
Is my image uploaded?
No. The analysis and the tracing both run inside your browser.
Related tools
SVG to PNG
Browser converter from SVG to PNG, JPG or WebP with scale or width
Image Converter
Browser converter between seven image formats with batch ZIP download
Favicon Generator
Browser tool that builds favicon.ico, multi-size PNG icons, a manifest and HTML snippets
Image Color Picker
Browser tool that picks colour codes from an image and builds a dominant palette