Loading tool…
A small, blurry logo can become a crisp vector that prints at any size. Drop in a PNG or JPG, pick black and white, posterized or detailed tracing, and download a clean SVG. Tracing runs on your own device, so the artwork never leaves your browser.
Processing locally on your device
Overview
Raster images store one colour per pixel; vector images describe shapes with lines and Bézier curves. Tracing, or vectorizing, finds the boundaries between regions of colour and fits curves along them. The result scales to any size without pixelation, and for flat artwork such as logos, icons and signatures it is usually much smaller than a high-resolution bitmap. A two-colour logo often traces to a few kilobytes of SVG.
This tool works in three stages. First the image is reduced to a limited palette: black and white for line art, or a set of colours chosen by a pairwise-nearest-neighbour quantizer and refined by clustering. Then the imagetracer.js engine walks the edges of each colour layer and fits straight lines and quadratic curves to them. Finally the output is rewritten into compact SVG: colours become short hex codes, invisible layers are dropped, and a viewBox keeps the original width and height so the file drops straight into a web page or design app.
The controls map directly to the tracer. Number of colours sets how many layers are traced, from 2 up to 64. Line threshold and curve threshold set how far a segment may stray from the pixel edge: lower values follow edges closely and create more points, while higher values give fewer, smoother segments. Noise removal discards paths shorter than a set number of edge points, which removes dust from scans and JPEG speckles. Blur smooths the image before tracing, which helps with noisy photos of drawings.
Tracing cost grows with pixel count and colour count, so images larger than 1200 pixels on the long side are downscaled for tracing. The tool tells you when this happens, and the SVG still declares the original dimensions. Tracing runs in a background Web Worker, so the page stays responsive and you can keep adjusting settings while it works. The live preview shows the original and the SVG side by side, along with the file size, path count, colours used and trace time.
| Artwork | Preset | Colours | Suggested tweaks |
|---|---|---|---|
| Single-colour logo, signature, stencil | Black & white | 2 | Noise removal 8–16, Fill |
| Flat logo or icon with a few colours | Posterized | 3–8 | Set colours to the real colour count |
| Cartoon or clip art | Posterized | 8–16 | Fill + stroke to hide seams |
| Detailed illustration | Detailed | 24–64 | Raise noise removal if the path count explodes |
| Scanned pencil or ink drawing | Black & white | 2 | Blur 1–2, noise removal 16+ |
Drop a PNG, JPG, WebP, GIF or BMP image onto the page, paste it with Ctrl+V, or browse for it.
Choose a preset: Black & white for logos and line art, Posterized for flat illustrations, or Detailed for busier artwork.
Fine-tune the number of colours, line and curve thresholds, noise removal and blur while the preview updates.
Pick a style (Fill, Fill + stroke, or Outline) and set the stroke width if needed.
Compare the original and the SVG, then download the .svg file or copy the SVG markup.
Use cases
Many small businesses only have their logo as a small JPG from an old website. Trace it with the Posterized preset and a low colour count to get a scalable file for signage, vinyl lettering, embroidery quotes and print, then tidy any details in a vector editor.
Cricut, Silhouette and laser cutters follow vector paths. Black & white mode turns a bitmap design or stencil into solid shapes, and Outline mode gives stroke-only paths that some engraving workflows prefer.
Photograph or scan ink sketches, signatures and lettering, raise noise removal to drop paper texture, and trace them into clean shapes for stickers, illustrations or web graphics.
Convert simple PNG icons and badges into SVG so they stay sharp on high-density screens. Copy the markup straight into an HTML template or a React component.
Pro tips
Answers to common questions about the image to svg.
You can, but the result is a posterized illustration rather than a copy of the photo. Photos contain smooth gradients, which tracing turns into flat bands of colour. The Detailed preset with 24 or more colours gives an artistic look; for an exact copy, keep the photo as JPG or WebP.
Tracing time grows with the number of pixels and colours. Images above 1200 pixels on the long side are reduced before tracing so results arrive in seconds. Because the output is vector, it still renders sharply at the original size and beyond.
They set how much error the tracer accepts when it fits a straight line or a curve to an edge. Low values, around 0.1–0.5, follow every bump and create more points. Values of 2–5 smooth edges into fewer segments and smaller files.
Fill draws solid shapes only and gives the smallest file. Fill + stroke adds a stroke in the same colour around each shape, which hides hairline gaps between neighbouring shapes. Outline draws only the strokes, with no fill, which suits line-art previews and some cutting and plotting workflows.
Yes. Pixels that are more than half transparent are treated as empty, and that layer is left out of the SVG, so the background stays transparent. Partially transparent edges become either solid or empty.
Yes. The file contains standard path elements with plain hex colours, so it opens in Inkscape, Illustrator, Affinity Designer, Figma or any text editor for further cleanup.
No. ToolEnhancer processes files on your own device inside the browser. They are never sent to, stored on or seen by our servers.
Yes. The image to svg is free to use with no sign-up, no watermarks and no daily limits.
Shrink JPG, PNG and WebP files without visible loss.
Convert between JPG, PNG, WebP, AVIF and more.
Convert iPhone HEIC photos to JPG.
Render SVG files to PNG at any size.
Combine images into a single PDF.
Export PDF pages as PNG or JPG.