PNG → SVG

Trace a PNG into SVG shapes

This tool is worth setting expectations for honestly. It is a lightweight canvas-based tracer that rebuilds your image as a mosaic of coloured SVG rectangles. That is genuinely useful for simple, flat, blocky graphics and for pixel art. It is not a substitute for proper vector tracing, and it will not turn a photograph or a detailed logo into clean editable curves.

How to use it

  1. Upload a PNG. Simple images with flat colour areas give by far the best results.
  2. The tracer samples the image and generates rectangles for regions of similar colour.
  3. Review the preview honestly against your original before using it.
  4. Copy or download the SVG if the result is good enough for your purpose.

Frequently asked questions

Will this give me a clean, editable logo?

No. You will get rectangles approximating the shapes, not smooth editable paths. For real logo tracing use a dedicated vector editor with a proper tracing engine, or redraw the artwork. This tool suits pixel art, simple icons and flat colour blocks.

Why is the SVG file larger than my PNG?

Every distinct coloured region becomes its own rectangle element, so detailed images produce thousands of elements. If the output is bigger than the input, that is a clear sign the image is too complex for this technique and you should keep the PNG.

What kind of image works best?

Flat colour, hard edges, few distinct colours, and small dimensions. Pixel art and simple geometric icons trace well. Photographs, gradients, soft shadows and anti-aliased edges do not.

How can I get a better result?

Reduce the image to as few colours as possible before uploading, and crop away anything you do not need. Shrinking the source dimensions also helps, because fewer pixels means fewer rectangles and a far smaller output file.