Will it work on photos?

Basic tracing works best on simple images with clear contrast — logos, icons, and line art. Photos produce very large SVGs (one rect per pixel) with no practical scalability benefit.

Is the output a true vector with smooth curves?

No. The output is an SVG composed of 1×1 pixel rectangles, not bezier curves. It scales without pixelation but won't have the smooth paths of a professionally traced vector. For smooth curves, use Inkscape's Trace Bitmap or Adobe Illustrator's Image Trace.

Why is the image downscaled to 200px?

Each pixel becomes an SVG rect element. A 1000×1000 image would produce 1,000,000 rect elements, making the SVG file enormous and slow to render. Downscaling to 200px keeps the output manageable.

Is my image uploaded to a server?

No. The pixel analysis runs entirely in your browser using the Canvas API.

PNG to SVG Converter

Trace a PNG to SVG using pixel-level brightness analysis — best for simple logos and icons.

How to use this tool

1Click the upload zone and select a PNG file.
2Drag the Darkness Threshold slider to control which pixels are traced (lower = only darkest pixels, higher = more pixels included).
3The SVG preview updates automatically as you adjust the threshold.
4Click 'Download SVG' to save the result.

About PNG to SVG Converter

True vector tracing — converting a raster image into smooth bezier curves — requires complex algorithms like Potrace. This tool takes a simpler, faster approach: it downscales your PNG to a maximum of 200px on the longest side, reads each pixel's brightness using the luminance formula (0.299R + 0.587G + 0.114B), and outputs a 1px × 1px SVG rect element for every pixel darker than the threshold you set. The result is an SVG made of small rectangles rather than smooth curves. This works well for simple black-and-white logos, QR codes, and line art where you need an SVG for scalability but don't need smooth paths. A darkness threshold slider (1–255) controls which pixels are included: lower values trace only the darkest pixels, higher values include more of the image. The output SVG is a data URL you can download directly. For complex photos or smooth-curve vectors, a desktop tool like Inkscape's Trace Bitmap is more appropriate.

Frequently asked questions

Related Tools

Image Resizer

Resize images to exact pixel dimensions in your browser — no upload, no server.

Image

Image to Base64

Convert any image file to a Base64 data URL for embedding in HTML, CSS, or JSON.

Image

Image Compressor

Compress JPG, PNG, and WebP images client-side using the Canvas API — no uploads, no server.

Image