JPG to SVG in Illustrator: Using Image Trace
Adobe Illustrator's Image Trace produces professional-quality SVG from JPEG images. Here's the complete step-by-step process.
Why Use Illustrator for JPG to SVG?
Illustrator's Image Trace is the industry standard for professional vectorization. It offers granular control over path accuracy, color reduction, and noise threshold. Results are typically cleaner than automated online tools for complex images — but require manual refinement.
Step 1: Prepare Your JPEG
Better input = better output. Before opening in Illustrator, optimize the source image.
- Increase resolution: if your JPG is under 300 DPI, upscale to 600+ DPI in Photoshop
- Increase contrast: push levels to make edges crisp and colors distinct
- Remove background: use Photoshop's Remove Background or Background Eraser before tracing
- Crop tight: remove unnecessary space around the subject
Step 2: Place the Image in Illustrator
File > Place the JPEG into Illustrator. Make sure 'Link' is unchecked so the image is embedded (not just linked). Scale to your working size before tracing.
Step 3: Run Image Trace
With the placed image selected, open Window > Image Trace. The Image Trace panel gives you full control.
- Choose a preset: 'High Fidelity Photo' for complex images, '16 Colors' or '6 Colors' for logos
- Mode: Color (for full-color results), Grayscale, or Black and White
- Colors: reduce to the actual number of colors in your source for cleaner paths
- Threshold (B&W mode): higher = more black in the trace, lower = more white
- Paths: higher = more accurate but more complex, lower = smoother but less detailed
- Noise: higher = ignore small details (good for removing scan noise)
Step 4: Expand and Clean Up
After tracing, click 'Expand' in the Image Trace panel (or Object > Expand). This converts the trace result into editable vector paths.
- Delete the original raster image below the expanded trace
- Ungroup (Ctrl+Shift+G) to access individual paths
- Use the Direct Selection tool to select and delete unwanted background paths
- Use Path > Simplify to reduce node count where paths are overly complex
- Check and correct any brand colors using the color picker
Step 5: Export as SVG
File > Export As > SVG. Choose 'SVG 1.1' for maximum compatibility. Set presentation attributes (not CSS) for clean, portable SVG code. Uncheck 'Include Illustrator Editing Capabilities' to reduce file size.
Frequently Asked Questions
What is the best Image Trace preset for logos?
Start with '6 Colors' or '16 Colors' depending on your logo's complexity. Use 'Black and White' for single-color logos. Adjust Paths and Colors until the trace matches the original.
Why does my Image Trace result look rough?
Increase the source image resolution and contrast before tracing. Also try increasing the Paths slider in Image Trace for more accurate path following.
How do I get rid of the white background in my Illustrator SVG trace?
After expanding the trace, click on the white background path and delete it. Or, before tracing, remove the background in Photoshop and save as PNG with transparency.
Can Illustrator trace a photo into a vector illustration?
Yes. Use 'High Fidelity Photo' or a color-count preset. The result is a stylized vector illustration. Increase color count for more photo-realistic output.
Is there a free alternative to Illustrator for JPG to SVG?
Yes — Inkscape (free) uses Trace Bitmap (Path > Trace Bitmap) for the same purpose. Online tools like our converter also handle JPG to SVG automatically at no cost.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free