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.
JPG · 400 × 400 px
Jagged, stepped edges
- Pixel art preset: the steps are intended, every pixel becomes a square (see vectorize pixel art). For curves, switch back to Logo or Illustration.
- Image too small: automatic “Upsampling” doubles or triples a small image; in “Advanced”, raise it up to ×4. Starting from a larger version is still the best fix.
- Curves too faithful to the pixels: raise “Smoothing”, then “Tolerance”; a higher “Corner angle” gives fewer corners.
Nothing leaves your computer: see vectorize without uploading.
A light halo between colours or around the logo
- Between two touching shapes: on screen, two anti-aliased edges let the background show through. In “cut” mode (the Logo preset’s), the 1 px “Gap-filling stroke” closes that gap; do not set it to 0. “Stacked” mode overlaps the shapes, so there is no gap either.
- Light ring around a JPEG logo: these are the in-between pixels of the edge. The “Blend band” gives them to the neighbouring colour; if a ring remains, lower “Number of colours” or set “Denoising” to Median.
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
- How do I vectorize a blurry, low-resolution logo?
- How do I remove the background from a logo and get a transparent SVG?
- How do I reduce an image to my exact brand colours?
- How do I enlarge a logo for large-format printing without losing quality?
- All questions about vectorizing images
- Students: what is free
Guides and conversions
- Convert a PNG to SVG, right in your browser
- Convert a JPG to SVG, without the compression artefacts
- Vectorize a logo: from PNG or JPG to a vector file
- Convert an image to DXF for cutting
- A Vectorizer.AI alternative that never asks you to upload the image
- A clean SVG for Cricut and Silhouette Cameo, from any image
- Logo to DXF for laser cutting: from PNG to a ready file
- Turn an image into an SVG for Cricut, step by step
- Prepare a JPG for laser cutting and engraving
- Embroidery: prepare an image before digitizing
- Colour separation for screen printing, from an image