Image to SVG (potrace)

THE PRACTICAL GUIDE · NORMANDIN SYSTEMS

Get more from Image to SVG (potrace)

Image to SVG traces raster image shapes into a vector representation with adjustable tracing settings. The workspace includes curve-fitting, color, and simplification-related controls. Flat graphics, silhouettes, and high-contrast artwork are often easier to trace usefully than detailed photographs, because a photo can produce many complex paths without becoming easier to edit. Image workflows have two separate concerns: the appearance of the picture and the format of the saved file. Keep the original image so you can compare the result and try different settings without accumulating quality loss. Pixel dimensions, transparency, compression, and metadata are different properties; changing one does not necessarily preserve the others. A useful final check is to open the downloaded file in the application where you actually intend to use it, at its normal display size.

Guide updated October 13, 2026

How to use this tool

1. Choose a representative source image first. A small test file makes it easier to understand the controls before processing a large photograph or a whole collection.
2. Upload a suitable raster image, adjust the tracing settings, generate the SVG, and compare outlines and small details with the source.
3. Review the example below and compare its expected behavior with a small sample of your own input before continuing.
4. Inspect the result at normal size and at a closer zoom, then save the output with a distinct filename so the source remains available.

SEE IT IN PRACTICE

A worked example

A clean black silhouette on a white background

An SVG containing vector paths approximating the silhouette

Tracing converts visible regions into geometric outlines; the output is an approximation whose complexity depends on the image and settings.

Tracing parameters control approximation

A raster image provides colored pixels; a vector trace must decide how to group those pixels into regions and fit geometric boundaries around them. Speckle filtering can remove small isolated marks, while curve-fitting and simplification settings affect smoothness and detail. More detail can increase the number of paths and the SVG's size without improving its practical usefulness. Begin with simple artwork and change one setting at a time. Compare a sharp corner, a smooth curve, and a small hole so you can see what a setting gains and what it discards.

Choosing a source that suits vectors

A silhouette, diagram, or flat logo is often a better tracing candidate than a detailed photograph. A photograph may turn into thousands of shapes that are harder to edit and larger than the original raster file. Clean the source background and remove irrelevant noise when practical, but keep the original to judge what changed. After tracing, zoom into the SVG and inspect its path complexity in the destination editor. The result should be selected because it scales or edits better for the task, not simply because an SVG extension seems preferable.

When this tool is useful

• Trace a simple monochrome mark
• Create scalable outlines from a raster graphic
• Experiment with vector simplification settings

Tips for a better result

• Zoom into edges, inspect holes and small features, and compare file size and path complexity before adopting the traced SVG.
• Compare edges, text, transparent areas, and gradients rather than judging only the thumbnail. These are often the first places a conversion or adjustment changes the visible result.
• Keep the source and the settings used for this result together. That makes a later comparison or correction easier, especially when another person needs to reproduce the same outcome.

Frequently asked questions