SVGSketch Learn

How to Convert JPG to SVG

Trace JPGs into SVG paths and clean up JPEG compression noise before shipping vector output.

Open SVGSketch

Quick answer

Drag the .jpg onto SVGSketch, select it and click "Vectorize..." in the Image panel, pick a color limit and raise Filter Speckle to ignore compression noise, simplify the resulting paths, then export as optimized SVG.

Steps at a glance

  1. Drop the JPG

    Drag the .jpg onto SVGSketch.

  2. Vectorize

    Click "Vectorize..." in the Image panel with an appropriate color limit and Filter Speckle.

  3. Simplify and de-noise

    Run Shape > Simplify Path (Ctrl+Shift+{) and delete stray noise fragments.

  4. Clean colors

    Snap traced fills to your brand palette on the Appearance panel.

  5. Export

    Export SVG with "Optimize with SVGO" enabled.

Step 1: Drop the JPG onto the canvas

Drag the .jpg onto app.svgsketch.com. The JPEG becomes a placed bitmap. JPEG compression artifacts are visible at this stage, especially around hard edges - vectorize will trace them as noise unless you account for them.

Step 2: Choose tracing settings

Select the image and click "Vectorize..." in the Image panel. For a flat-color logo that was saved as JPEG (which it should not have been), set a low Color Limit (8 colors) and raise Filter Speckle to ignore compression noise. For an illustration with shading, allow more colors and raise the Corner Threshold toward "Smoother" so the JPEG block edges do not get traced.

Step 3: Simplify and de-noise

Run Shape > Simplify Path (Ctrl+Shift+{) on the resulting paths. This collapses the wiggly anchors that JPEG noise produced into smooth curves. Select and delete obvious noise fragments with the Transform tool or from the Elements panel - or re-trace with a higher Filter Speckle to remove them at the source.

Step 4: Clean colors

JPEG color shifts mean the traced fills will not exactly match your original palette. Open the Appearance panel and snap each color to its intended value (most logos have a brand-defined hex you can paste in directly).

Step 5: Export the clean SVG

The conversion replaces the placed JPEG with the traced paths automatically, so the document is already pure vector. Export SVG with "Optimize with SVGO" enabled to download the clean file.

FAQ

Why does the traced SVG look noisy?

JPEG compression introduces blocky artifacts that the vectorizer will trace literally. Raise Filter Speckle in the vectorize dialog and run Shape > Simplify Path afterwards to filter the noise.

Can I trace photographs?

Technically yes, but the result is rarely useful. Vectorization is most valuable for flat-color graphics.

Are the colors exact?

JPEG shifts colors slightly. After tracing, manually set the brand-correct hex on the Appearance panel for each region.

Does it work with low-resolution JPGs?

Yes, but you lose detail. The vector tracing only knows what the bitmap shows.

Is the conversion private?

Yes. JPG-to-SVG runs in your browser; nothing is uploaded.

Open your SVG in SVGSketch

Start with a blank canvas, import an SVG, or use the editor as a conversion and cleanup step.

Open SVGSketch