PNG to SVG Converter

A PNG is a grid of pixels. Enlarge it and the edges turn soft and blocky. An SVG describes the same artwork as shapes, so it stays perfectly sharp at any size and can be recoloured or edited in design software.

Transparency in your PNG is kept, with clean, hard edges: half-transparent fringe pixels are decided one way or the other rather than turned into a faint halo.

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.