Why does my SVG have jagged edges or a white halo?

Updated on

Jagged edges come from an image that is too small, too little smoothing or the Pixel art preset, and a light halo comes from the gap between two shapes or from JPEG anti-aliasing: in Homotope, the Logo preset, cut mode with its gap-filling stroke and the blend band prevent them.

Emblem grabbed from the web, as a compressed JPEG: ring, disc, star and band. JPG · 400 × 400 px
The same emblem traced to SVG by Homotope: five clean flat colours. Engine SVG
400 × 400 px compressed JPEG logo and the SVG produced by the engine, Logo preset alone, 5 colours, untouched: the JPEG artefacts are gone, the ring stays a circle and the star keeps its straight edges.
×6 detail: the tip of the orange band against the white rim: JPEG halo and blocks, clean SVG edge. Drag the slider to compare; hover over the image or hold your finger on it to move the magnifier.
Try it with your image Open this example in the workshop

Jagged, stepped edges

Nothing leaves your computer: see vectorize without uploading.

A light halo between colours or around the logo

The demo below shows exactly this: JPEG halo in the original, clean edges in the SVG, with the Logo preset alone.

What settings cannot fix

A detail about one pixel wide stays approximate, and a file converted to DXF has no gap-filling stroke (useless for cutting). The SVG, the preview and these settings are free; production exports are counted.

Production exports (DXF, EPS, PDF, separations): 2 free per month with an account, unlimited with Pro; without Pro, 1 credit each beyond those 2. The details: how much vectorizing costs.

Frequently asked questions

Which mode should I use for cutting?

Cut mode: no shape overlaps another, so each boundary is cut only once.

Does the gap-filling stroke make my logo bolder?

No, it reaches at most half a pixel under the neighbouring shape, which is painted on top.

Why did my circles turn into polygons?

The “Corner angle” is too low or the Pixel art preset is on: go back to the Logo preset.

Related questions

Guides and conversions

Try it with your image