Image to SVG Converter (PNG/JPG to SVG, Full Colour)

Convert a PNG, JPG or WebP image to SVG in seconds. This free image to SVG converter traces your picture into real vector paths with full colour, right in your browser – nothing is uploaded.

  • Free
  • No upload
  • No signup
  • Works offline

Your files never leave your device

How to use Image to SVG

  1. 1Add your image

    Click Select image or drop a PNG, JPG or WebP onto the box. The image opens in this tab and is traced on your device.

  2. 2Pick a preset

    Choose the preset that matches the picture: Clipart / illustration / logo, Logo / flat graphic, Photo (detailed), Poster (few colours), Pixel art or Black & white.

  3. 3Fine-tune the trace

    Adjust Max colours, Ignore specks smaller than and Corner sharpness, switch Curve style or Working size, and compare the preview with the original.

  4. 4Download the SVG

    Press Download to save the .svg file. You can also save a sharp PNG at twice the size.

What an image to SVG converter does

A PNG or JPG is a grid of pixels. Enlarge it and the edges turn into blurry steps. An SVG (Scalable Vector Graphics) file describes the same picture as mathematical shapes – outlines filled with colour – so it stays perfectly sharp at any size, from a favicon to a billboard. Converting an image to SVG is called tracing or vectorising: the converter groups pixels of similar colour into regions, follows the edges of each region and writes them out as smooth paths.

This tool uses VTracer, a modern open-source tracing engine, compiled to run inside your browser. It handles full colour, not just black and white, and it stacks shapes so there are no gaps between neighbouring colours.

Choosing the right preset

Each preset sets sensible starting values for the sliders. Start with the one that matches your picture:

  • Clipart / illustration / logo – the default. Good for cartoons, icons and most artwork with clear areas of colour.
  • Logo / flat graphic – fewer colours and crisper corners for simple brand marks. For a dedicated workflow with brand colours, see Logo to Vector.
  • Photo (detailed) – keeps gradients and texture by allowing many colours and small shapes. Files get big.
  • Poster (few colours) – a bold, screen-print look with a handful of flat colours.
  • Pixel art (sharp squares) – keeps every pixel as a square, ideal for sprites and retro art.
  • Black & white – a two-tone trace for stencils, line art and single-colour cutting.

The settings explained

Max colours sets the size of the palette. Count the colours you can see and use that number; extra colours mostly turn anti-aliased edges into slivers. Ignore specks smaller than removes tiny islands – dust, JPEG noise and stray pixels – so the SVG is cleaner and lighter. Corner sharpness decides when a bend becomes a corner: slide left for rounder, flowing outlines, right for crisp geometric corners.

Curve style chooses how outlines are drawn: Smooth curves (splines), Straight lines (polygons) or Pixels. Working size controls the resolution the image is traced at: Fast (800 px) for quick previews, Standard (1600 px) for most jobs and Fine (2400 px) for small text and detailed edges.

Two options help with messy sources. Remove background drops the plain background colour so the SVG has a transparent background. Reduce JPEG noise first smooths compression blocks in JPGs before tracing, which stops the converter from creating hundreds of tiny shapes around edges.

Tips for a clean PNG to SVG conversion

  1. Use the biggest, sharpest source you have. Tracing cannot invent detail; a 2000 px PNG beats a 200 px thumbnail.
  2. Prefer PNG over JPG for artwork. JPG compression adds speckles around edges. If JPG is all you have, tick Reduce JPEG noise first.
  3. Remove busy backgrounds first with Remove Background, then trace.
  4. Match the colour count to the art. A two-colour logo traced with 16 colours gives a heavier, messier file than one traced with 2.
  5. Check the result zoomed in. Use the comparison view and zoom on small text and thin lines before you download.

Using your SVG

The download is a standard SVG made of path elements. Open it in Inkscape, Illustrator, Affinity Designer or Figma to edit nodes, or import it straight into Cricut Design Space and Silhouette Studio. For cutting machines, the Image to SVG for Cricut tool adds weeding clean-up, real-world sizing and layer options, and our guide on making SVG cut files for Cricut walks through the whole process.

Need to change colours afterwards or split the file into one layer per colour? Use Recolor SVG. Need a PNG, PDF or DXF from your SVG at an exact size? Use the SVG Converter.

When tracing is the wrong tool

Vectorising works best on graphics with clear shapes. Photographs of people, landscapes or fabric contain soft gradients that turn into thousands of small shapes, so the “vector” ends up larger than the original JPG and is hard to edit. If you only need a photo to look sharp at a bigger size, keep it as a raster image and resize or compress it instead. If you want an artistic vector from a photo, try Photo to Line Drawing or the Poster preset here.

Privacy

Because the converter runs in your browser, you can safely vectorise unpublished designs, client logos or personal artwork. The image is read into memory, traced and discarded when you close the tab. Please make sure you have the right to use any artwork you convert.

Frequently asked questions

Is this image to SVG converter really free?

Yes. There is no sign-up, no watermark and no daily limit. Tracing happens on your own device, so it costs us nothing extra per image.

Are my images uploaded to a server?

No. The tracing engine (VTracer compiled to WebAssembly) is downloaded to your browser and runs there. Your picture never leaves your device.

Can I convert a photo to SVG?

Yes – choose the Photo (detailed) preset. Expect a large file with many shapes; photos are naturally complex. For a stylised look with fewer shapes, try Poster (few colours).

Why does my SVG have thin lines between colours?

Those come from anti-aliased edge pixels. Lower Max colours to the number of colours really in the image and raise Ignore specks smaller than.

What is the difference between Smooth curves and Straight lines?

Smooth curves (spline) fits Bézier curves and suits organic artwork. Straight lines (polygon) uses only straight segments, which suits geometric logos and some cutting software. Pixels keeps square pixels for pixel art.

Will the SVG open in Illustrator, Inkscape, Figma and Cricut Design Space?

Yes. The output is a standard SVG made of filled path elements, which every vector editor and cutting program can import.

How big can the image be?

Large images work, but they are scaled to the Working size first (800, 1600 or 2400 px on the long side) to keep tracing fast and the SVG small.

Guides for Image to SVG

Cookie settings

Choose which optional technologies may be used on this browser. Your choice is saved on this device only (in local storage) and is sent to Google using Consent Mode. Files you process are never uploaded, whatever you choose.

Remembers your theme and this consent choice, and lets the site work offline. Always on; nothing is shared.

Lets Google store and read cookies to serve, cap and measure ads, and receive ad-related data about your visit (ad_storage, ad_user_data). If off, Google may still show limited, non-personalised ads without cookies.

Lets ads be tailored to your interests (ad_personalization). Requires Advertising.

Allows privacy-friendly usage statistics (analytics_storage). We do not run analytics today; this stays off unless you allow it.