Image To SVG

What Image To SVG does

Image To SVG traces an image into a real vector SVG made of path shapes. It does not wrap or embed the original pixels. It splits the picture into shape and background, follows the edges of the shape, and writes those outlines as one SVG path filled with one color.

That makes it a good fit for logos, icons, signatures, and line art that need to scale cleanly, and a poor fit for photos or artwork with many colors or soft shading.

How to use it

1. Select Choose File and pick an image. The output width and height start at the image's own size.
2. The SVG is rebuilt automatically after each change, so there is no convert button.
3. Compare the input and output previews, zooming in to check the edges, and adjust the sliders under SVG Settings until the outline looks right.
4. Select Download to save the .svg file, or click the Result box to copy the SVG code.

Formats and limits

• Input: PNG, JPG, WEBP, and BMP images. Images with a transparent background usually trace most cleanly.
• Output: one .svg file named after your image.
• Color: the whole shape gets one fill color, the average color of the traced pixels. Gradients, shading, and extra colors are not kept.
• Size: the image is fitted inside the output width and height without stretching and centered. Very large sizes take longer because every pixel is examined.

Settings explained

Alpha cutoff

Pixels less opaque than this count as empty. Raise it if a soft glow is becoming part of the shape.

Shadow cleanup

Strips weak edge pixels left by drop shadows and anti-aliasing. High values can thin fine lines.

Edge smoothing

Straightens pixel staircases. Higher values give simpler paths but round off small corners.

Noise removal

Removes small specks and fills small holes, which helps with scans and JPG artifacts.

Detail

At 100% the outline follows every pixel. Lower values trace a coarser grid, up to 16 pixels per step, for blockier but lighter files.

Threshold

Moves the automatic light and dark cutoff used for images without transparency.

Title and background

SVG title adds a title screen readers announce. Turn off Transparent background to add a solid background color.

Further reading

• SVG or a raster image - Keep vector artwork editable or export a raster copy with the right dimensions and background.

Privacy

Your image is traced by your own browser on a canvas in this page. It is not uploaded, and the SVG is built in memory and handed straight back to you. Selecting Clear or leaving the page discards both.

FAQ

Why is my SVG only one color?

The tracer separates shape from background and fills the shape with one averaged color. To change it, edit the fill value in the SVG code or open the file in Recolor SVGs.

Why is part of my image missing, or the background filled in?

The automatic cutoff guessed wrong for that image. Move Threshold in small steps. Images that are mostly transparent are traced by opacity instead, so use Alpha cutoff for those.

How do I make the SVG file smaller?

Lower Detail and raise Edge smoothing. Both cut the number of points in the path, which is most of the file's size.

Related tools

• Background Remover - clear a busy background before tracing.
• Recolor SVGs - change the fill color after tracing.
• Resize SVGs - change the width and height of an existing SVG.
• SVG Optimizer - shrink the traced file.
• SVG To Raster - turn an SVG back into PNG, JPG, WEBP, or BMP.