JPG to SVG Converter

JPG has no transparency and its compression leaves blotchy artefacts around edges and text. Tracing a JPG directly turns every artefact into a tiny shape. This tool first merges colours into a clean palette and removes stray pixels, then traces, so the SVG has smooth edges and flat colours.

Logos saved as JPG usually sit on a white background. The tool detects it and can make it transparent, so the SVG sits cleanly on any colour.

1. Clean up. Your image is reduced to the number of colours you choose. Exact flat colours are kept exactly; noise and soft edges are assigned to the nearest colour, and stray pixels are removed.
2. Background. A plain background is detected from the image border and can be made transparent: just the area around the artwork, or also enclosed areas such as the inside of letters.
3. Trace. Each colour area is outlined and fitted with smooth curves, keeping corners sharp where the outline turns sharply. Shapes are stacked so there are no hairline gaps between colours.

Tracing uses VTracer, an open-source engine by Vision Cortex, running in your browser through WebAssembly (licences). Nothing is uploaded.

Turn on Zoom 4× and switch between Original and Vector to check edges before downloading. Start from the largest, sharpest version of the image you have.

• Websites: crisp logos and icons on every screen, usually smaller than a PNG.
• Print: business cards, banners, signs and merchandise at any size.
• Cutting and engraving: Cricut, Silhouette, vinyl, laser and CNC (use black and white for single-colour cuts).
• Editing: open it in Illustrator, Inkscape, Figma, Affinity or Canva to recolour or adjust shapes. Need a PNG again at a new size? Download one here, or use the image converter.

• Vectorising a photo and expecting a photo

  Tracing turns a photo into flat colour areas, like a poster. That can be a nice effect, but the file is large and it will never match the original. Keep photos as JPG or WebP.

• Too many colours for a simple logo

  Extra colours capture the soft pixels along edges as thin slivers. Set the colour count to match the logo; the edges get cleaner and the file smaller.

• Starting from a tiny or blurry image

  Tracing cannot invent detail that is not there. A 100-pixel logo from a website header gives a rough outline; ask for the original artwork file if you can.

• A halo left around a removed background

  Soft edges blend into the background colour. Raise the background tolerance a little until the halo disappears, while checking that light parts of the logo stay.