pixelTrace a logo to SVG: color, edges and small details
Reviewed · PixelDesk practical documentation
PixelDesk traces a raster image into flat-color SVG paths. A clean logo, icon or line drawing is a useful starting point. A detailed photograph becomes a posterized illustration; saving it as SVG does not preserve photographic texture.
Choose a source that will survive color reduction
Start from an image where the important shapes have clear boundaries. Avoid a tiny screenshot of a logo: tracing cannot reconstruct details that the source no longer contains. Keep the original because tracing intentionally changes colors and edges.
Transparency can help separate a mark from its background. For an evenly colored background, you can first try color removal. Check its result carefully; it selects similar colors rather than recognizing a subject.
Make a first trace, then change one setting
- Open Image to SVG and choose a logo or simple illustration.
- Start with six colors and Balanced tracing resolution at 512 pixels.
- Compare the preview at Simplify edges 0 and 1. A larger value uses fewer points and can straighten small curves.
- Switch Smooth curves off and on to see how rounded edges change.
- Inspect small marks before increasing speck removal. Its area threshold is measured at the tracing resolution.
- Trace to SVG and check the exported file in the editor or browser where you will use it.
Understand the controls together
| Control | What to check |
|---|---|
| 2–12 colors | Too few can merge foreground details; more can create extra regions |
| 256, 512 or 1,024-pixel tracing | Higher resolution retains more input detail but takes longer |
| Edge simplification | Check diagonals, letter shapes and tight curves for distortion |
| Speck removal | Small dots, punctuation and holes can be intentional artwork |
These settings act on the traced working image. A tiny feature lost during downscaling cannot be restored by lowering simplification afterward. Increase tracing resolution first if important features are missing, then reconsider color count and speck removal.
Check paths, not just the extension
The result contains actual SVG paths for the chosen colors rather than a raster file embedded inside an SVG wrapper. It can scale without enlarging raster pixels, but the path shapes can still be an inaccurate interpretation of the original. Zoom in on counters in letters, thin strokes and the meeting point of two colors.
A larger SVG is not automatically a better trace. Keep the smallest level of detail that preserves the shapes you need. For photographic web delivery, compare JPEG and WebP using the image converter instead.
Prepared by Operance Labs · Report a documentation issue
Try it with the sample