How to Convert an Image to Vector: Free Online PNG/JPG to SVG Tracer

Need a logo that stays sharp at any size? This Image to Vector Converter traces a PNG, JPEG or WebP image into scalable SVG vector art directly in your browser — no AI, no account, and no upload to any server.

What Is Image Vectorization?

A raster image (PNG, JPEG, WebP) is a grid of pixels. Enlarge it and you see the grid: blurry edges and visible squares. A vector image (SVG) stores shapes instead — outlines described by mathematical curves. Scale it to a billboard and the edges stay perfectly crisp.

Vectorization, also called tracing, converts the first into the second. It groups pixels of similar colour into regions, finds the outline of each region, and fits straight lines and curves to those outlines.

How to Convert an Image to SVG

Step 1: Upload Your Image

Click the upload area or drag and drop an image file.

• Maximum file size: 10 MB
• Supported: PNG, JPEG, WebP, BMP, GIF
• Not supported: PDF and other vector formats (they are already vectors)

Large images are automatically scaled down to about 1200×1200 pixels before tracing. This keeps tracing fast, and usually improves the result — tracing camera noise at full resolution produces thousands of tiny useless shapes. The SVG you download is still infinitely scalable.

Step 2: Choose a Style

The Style preset sets sensible defaults for a kind of image:

Style	Best For	What It Does
Photo	Photographs, detailed artwork	16 colours, balanced curve fitting — keeps recognizable shading
Poster art	Bold stylised output	6 colours, heavy speck removal, slight blur — flat poster look
Logo & line art	Logos, icons, signatures, sketches	2 colours, tight line fitting — crisp black-and-white outlines
Sharp edges	Screenshots, pixel art, diagrams	Preserves hard corners instead of rounding them

Start with the preset closest to your image, then fine-tune.

Step 3: Fine-Tune the Settings

Colours (2–64)

How many distinct colours the output may use. The tracer reduces your image to this many colours, then traces the region of each one.

• 2–4 colours: logos, stencils, silhouettes — smallest files
• 8–16 colours: most photos and illustrations
• 32–64 colours: detailed photos, at the cost of a much larger file

Each extra colour adds another layer of shapes, so file size grows roughly with the colour count.

Detail (0–100%)

How tightly the curves follow the traced outlines.

• High detail (80–100%): follows every bump faithfully. Use for intricate line art.
• Low detail (0–30%): allows loose fits, producing fewer and smoother shapes. Use to simplify a busy photo.

Remove Specks (0–40)

Discards shapes smaller than this threshold. Raise it to clear up the scattered one- and two-pixel dots that JPEG compression and camera noise leave behind. Lower it to keep fine texture and thin details.

Keep Transparent Background

Leave this on for PNGs with transparency (most logos) so the background stays transparent in the SVG. Turn it off to trace the background as a solid shape.

Step 4: Convert and Download

Click Convert. The traced vector appears in the results, with Download Image below it to save the .svg file.

Underneath, a Details panel reports:

• Shapes — how many paths the SVG contains
• Colours — how many colours were used
• SVG size — the resulting file size
• Traced at — the pixel size it was traced at, noting when the image was scaled down

Not happy with the result? Adjust the settings and click Convert again, or use Reset to return every setting to its default.

Which Images Vectorize Well?

Tracing follows areas of flat colour, and that determines what works:

Excellent results:

• Logos and wordmarks
• Icons and pictograms
• Line drawings, sketches, signatures
• Flat illustrations and clip art
• Screenshots of text and diagrams

Stylised results (good-looking, but not an exact copy):

• Portraits and landscape photos
• Anything with soft gradients or heavy texture

This is a real limitation, not a setting you can tune away. A photograph has no flat colour regions — a smooth gradient is thousands of subtly different pixels. Tracing one must approximate it with a handful of flat bands, which is why photos come out looking like poster or screen-print art. If you want an exact photographic reproduction, you want a raster format, not a vector one.

Common Uses

• Print at any size — a vector logo is just as sharp on a business card as on a banner
• Website and app assets — SVGs are usually smaller than PNGs for flat graphics, and stay crisp on high-DPI screens
• Editable artwork — open the SVG in Illustrator, Inkscape, Figma or Affinity Designer and recolour or reshape individual paths
• Cutting machines and CNC — vinyl cutters, laser cutters and embroidery software need vector paths
• Recovering a lost source file — trace an old PNG logo back into something editable

Tips for a Cleaner Result

1. Start from the largest, cleanest original you have. Tracing a small, heavily-compressed JPEG traces its artifacts too.
2. Fewer colours than you think. Most logos need 2–4. Extra colours add file size and stray shapes without improving the look.
3. Raise speck removal on JPEGs. JPEG compression leaves noise around edges; despeckling clears it.
4. For a two-colour logo, use Logo & line art and set Colours to 2. This is the single biggest quality win on logo work.
5. Check the shape count. A clean logo should be tens of shapes. Thousands means the settings are too detailed for the image — lower the detail or the colour count.
6. Clean up afterwards if needed. Tracing gets you most of the way; a few minutes in a vector editor removing stray paths often finishes the job.

Privacy

Everything happens in your browser. The image is decoded, traced and rendered locally — it is never uploaded, and nothing is stored. You can confirm this by disconnecting from the internet after the page loads: the tool still works.

Frequently Asked Questions

Does this use AI? No. It is a deterministic colour-quantization and curve-fitting algorithm. The same image with the same settings always produces exactly the same SVG — and no data is sent to any model or service.

Why does my photo look like a poster? That is inherent to vectorization, not a bug. See Which Images Vectorize Well? above — flat colour regions are what tracing can represent.

Can I convert an SVG back to PNG? This tool only goes raster → vector. Open the SVG in a browser or an editor and export it to PNG at whatever size you need.

Why is my SVG file bigger than the original PNG? Too many colours or too much detail. Each colour becomes its own layer of paths. Drop the colour count and raise speck removal, and the file usually shrinks dramatically.

Is the output editable? Yes. The SVG is made of standard <path> elements, so every shape can be selected, recoloured or reshaped in any vector editor.

Does it work on mobile? Yes, though tracing a large image takes longer on a phone. The automatic downscaling keeps it manageable.