PNG to SVG
Generate a lightweight SVG wrapper from PNG artwork for quick reuse.
Loading Smart Logic...
Quick Tip
Pick a PNG with flat areas of colour — an icon, a logo, a diagram. Photographs are a poor fit.
About This Tool
Why use PNG to SVG?
Wrap a PNG's pixels into an SVG file. The image is read pixel by pixel, colours are quantised into 32-step bands, and each horizontal run of matching pixels becomes a single <rect> in the output — so the result is a valid SVG that renders your image, built from coloured bars rather than traced outlines.
This is the honest description, and it matters: this is not a vector tracer. It will not find the edges of a logo and turn them into smooth paths, and blowing the result up will show blocky steps rather than crisp curves. What it is good for is flat, simple graphics — a two-colour icon, a chart, a screenshot of a diagram — where the run-length encoding collapses whole rows into a handful of rectangles. Feed it a photograph and you will get an enormous file that is slower to render than the PNG was. For true vectorisation of a logo, a tracing tool such as Inkscape's trace, or redrawing it, is the right answer.
Key Benefits
Run-length compression
Consecutive pixels of the same colour become one rectangle, so flat graphics collapse into a small number of shapes.
Transparency respected
Near-transparent pixels are skipped entirely rather than being filled, so a cutout stays a cutout.
Valid, editable SVG
The output is standards-compliant SVG markup that opens in a browser, in Illustrator or in Inkscape.
How to use PNG to SVG
- 1
Pick a PNG with flat areas of colour — an icon, a logo, a diagram. Photographs are a poor fit.
- 2
Convert; runs of matching pixels are collapsed into rectangles.
- 3
Check the preview and the resulting file size before you commit to it.
- 4
Download the SVG, or go back to a tracing tool if you need genuine smooth paths.
Best use cases
Get an SVG wrapper for a simple flat icon.
Embed a small graphic inline in HTML as markup rather than a binary file.
Produce an SVG for a pipeline or CMS that only accepts that format.
Turn a two-colour diagram into editable shapes to work from.
PNG to SVG FAQs
Is this a real vector tracer?
No, and it is worth being clear about that. It converts pixel runs into rectangles rather than detecting edges and fitting curves. For genuine tracing of a logo, use a tracing tool such as Inkscape, or have the artwork redrawn.
Will the SVG scale up cleanly?
It will scale without a resolution limit, but it is built from pixel-sized rectangles, so enlarging it shows blocky steps rather than the smooth curves a traced vector would give.
Why is my converted file so large?
Almost certainly because the source is a photograph. Every change of colour along a row starts a new rectangle, and photographs change colour constantly. Use it on flat graphics instead.
What kind of image works best?
Small images with large flat areas of a single colour: two-colour logos, simple icons, charts and diagrams. Those compress into very few rectangles.
Related Images Tools
More free images tools that work well alongside png to svg.