Free & private

PNG to SVG Tracer

Upload a raster image and get back a simplified, posterized SVG built from vector rectangles that mosaic-approximate your picture — a real downloadable SVG file, ready in seconds.

Honest heads-up: this is a simplified, stylized mosaic trace, not a pixel-perfect vectorizer like professional tracing software. It works best for bold graphics, logos and portraits rather than fine detail.

Upload & tune

Choose an image, then adjust detail and color settings.

10 px
5
300 px

Preview

Original photo compared with the vector trace.

Original
No image yet
SVG trace
No trace yet
▣

Real vector output

The result is a genuine SVG document made of rect elements, not a raster image with a new file extension.

🎨

Tune the style

Adjust cell size and color levels to move between a chunky mosaic and a finer, more detailed trace.

🔒

Private by design

Tracing runs locally using the canvas API. Your photo is never uploaded to a server.

How to trace a PNG to SVG online

This tool gives you a lightweight, stylized vector version of any photo, useful for posters, backgrounds and design mockups where a scalable graphic matters more than pixel-perfect accuracy.

  1. Upload an imageChoose or drop a JPG, PNG or WebP photo.
  2. Adjust detail and colorSet the cell size and color levels, then select Trace to SVG.
  3. Download the SVGCompare the result with the original, then download the real .svg file.

How the simplified trace works

Professional vector tracers detect smooth outlines and gradients. This tool takes a more pragmatic approach: it divides the image into a grid of cells, averages the color inside each cell, reduces that color to a small posterized palette, and merges neighboring cells that share the same color into wider SVG rectangles.

Cell size controls detail

Smaller cells capture more detail but produce more shapes and a larger file. Larger cells create a bold, poster-like mosaic with fewer, larger rectangles.

Posterizing keeps files small

Reducing the number of color levels per channel means neighboring cells are more likely to match exactly, so they merge into fewer, larger rectangles.

Row-based merging

Runs of same-colored cells within a row are combined into a single wide rect automatically, keeping the exported markup compact.

Best use cases

This style suits bold logos, portraits, posters and social graphics. Images with fine text or thin lines are better served by dedicated vectorization software.

PNG to SVG tracer FAQ

Is this a pixel-perfect vectorizer like professional tracing software?

No. This tool creates a simplified, stylized mosaic-style vector trace built from posterized color blocks. It approximates the source image rather than reproducing exact smooth outlines.

What file does it produce?

A real, valid SVG file made of rect elements, each filled with an averaged and posterized color from a region of the source image.

How do I control the level of detail?

Use the cell size slider for finer or coarser blocks, and the color levels slider to control how many posterized color steps are used.

Why is my traced SVG file still fairly large?

Very detailed images with fine cell sizes and many color levels produce more rectangles. Increase cell size or reduce color levels for a smaller, simpler file.

Is my photo uploaded anywhere?

No. The image is decoded and traced entirely in your browser using the canvas API. Nothing is uploaded to a server.

Explore more free tools: SVG Pattern CreatorSVG OptimizerImage to Pixel Art