The image is decoded in the page and every step runs on your own device inside this browser tab, so the file is not uploaded to a conversion server.
Editable paths • Line art and full color tracing
Image to SVG
Convert raster images into editable SVG paths in your browser with line art or full color tracing, adjustable color precision, curve fitting, and SVG cleanup.
Trace raster images into reusable SVG paths
Convert a raster image into an SVG path document. Line art traces single-color shapes from a black or adaptive threshold, full color keeps the image's colors as layered regions, and the settings panel groups the tracing controls in one place: speckle filtering, color precision, gradient step, color limit, and the corner, segment and splice thresholds that reshape the outline. Path precision, curve simplification, output optimization and Watershed detail sit under an Advanced disclosure.
How to convert an image to SVG
- 1.Drop an image, choose a file, or paste an image from your clipboard.
- 2.Choose line art for logos and icons or full color for illustrations and photos, then choose Color clustering or Watershed in the Region forming group.
- 3.Set the black or adaptive threshold, adjust Curve fitting and Output, and open Advanced only for size knobs such as path precision or curve simplification. Tracing starts on its own once the image is loaded and runs again after every settings change, so there is no generate step.
- 4.Preview the SVG, copy its source, or download it with an SVG filename.
What this SVG converter does
Line art and full color profiles cover logos, icons, line art, flat illustrations, and photographs.
The settings panel groups the tracing controls in one place: color precision, gradient step, color limit, and the corner, segment length and splice thresholds that reshape the outline. Path precision, curve simplification, output optimization and Watershed detail sit in an Advanced disclosure, a question mark beside each setting explains what it changes, and Reset restores the defaults. Every change re-traces the image for you.
The result panel reports the trace surface, SVG size, and path count for the document you preview, copy, or download.
Image to SVG FAQ
Is my image uploaded?
No. Decoding, tracing and preview all run in this browser tab on your device, and no conversion server receives the file.
Is the result really an editable SVG?
Yes. The output is SVG path data rather than a bitmap wrapped in an SVG file, so shapes, colors and nodes stay editable in design software, and the artwork scales to any size without pixelation.
What does each dropdown option do?
Method decides how the image is split into regions: Color clustering groups similar colors into flat areas, which suits logos, icons and flat illustrations, while Watershed cuts regions along the edges of objects and keeps more small details. Layer stacking decides how those regions are stored: Stacked lets shapes overlap, which keeps the file compact, and Seam-free cutout makes neighbouring regions share their edges, so borders still line up while you edit. Curve mode sets the outline style: Spline curves traces smooth curves and is the default, Polygon uses straight segments, and Pixel edges keeps the traced staircase. Output optimization sets how much the file is rewritten: Off writes every path exactly as it was traced, Quantize + clean rounds coordinates and drops redundant commands, and Shorthands + grouping also merges repeated attributes into shorter paths, which gives the smallest file.
Which image formats can I use?
You can select JPEG, PNG, WebP, AVIF, BMP, or GIF images. Whether a format can be opened depends on the image support provided by your browser.
What is the difference between the line art and full color profiles?
Line art uses binary region forming: pixels darker than the black threshold (the control spans 1–255 and defaults to 128) become one single-color shape. Full color uses Color clustering or Watershed region forming, and keeps the colors of the image as editable Stacked or Seam-free cutout regions.
What does the black threshold do?
It sets the luminance cutoff that decides which pixels become shapes in the line art profile, and darker pixels fall below it. The control spans 1–255 and defaults to 128: higher values turn more pixels into shapes for bolder fills, while lower values keep only the darkest areas.
Can I trace a scan with uneven lighting?
Yes. Turn on the adaptive threshold in the line art profile to compare each pixel with the brightness around it instead of one fixed cutoff, which keeps uneven lighting in a photo or a scan from flattening whole areas into a single fill. Adaptive sensitivity spans 5% to 40% and defaults to 15% below the local mean, and the adaptive window spans 0 to 64 pixels, where 0 selects the window automatically. Both controls sit next to the switch once it is turned on.
What does the speckle filter do?
It drops patches smaller than the given pixel count in both profiles. The range is 0–128 with 4 as the default; raise it to remove dust and noise clusters, and lower it when fine detail matters.
When should I use Watershed region forming?
Watershed is a full color alternative to Color clustering: it separates regions along the outline of objects instead of by color similarity, so photos and illustrations keep more of their small detail. Watershed detail sets how finely those regions are split: the slider spans 16–256 in steps of 8 with 128 as the default, and higher values keep more regions and add paths.
How do color precision, gradient step, and the color limit change a full color trace?
Color precision decides how close two colors must be before they merge into one region (1–8, default 6); higher values keep more color variation and add paths. Gradient step is the color difference between gradient layers (0–255, default 16); lower values keep more gradient steps, while higher values merge them into fewer, larger regions. The color limit reduces the output to at most 32 colors and is off by default, where 0 keeps every color the trace found.
What is the difference between Stacked and Seam-free cutout layers?
Stacked layers are the default: shapes may overlap, which keeps the file compact. Seam-free cutout builds a gapless mosaic whose regions share edges, so a shared boundary stays identical on both sides while you edit the paths.
What do the curve fitting controls change?
Curve mode selects Spline curves (the default), Polygon, or Pixel edges. The three thresholds that fine-tune a spline outline sit beside it on the panel while Spline curves are selected, and are hidden for Polygon and Pixel edges: corner threshold spans 0–180 degrees with 60 as the default and marks where an outline counts as a corner, segment length spans 3.5–10 with 4 as the default and sets the shortest segment kept in a path, and the splice threshold spans 0–180 degrees with 45 as the default for joining short curve pieces.
How can I reduce the SVG file size?
Path precision sets the decimal places used in path coordinates (0–8, default 2), and fewer decimals make a smaller file. Simplify curves re-fits smooth runs with the fewest cubic curves inside a 0–3 pixel tolerance and is off by default. Output optimization offers Off, Quantize + clean (the default), and Shorthands + grouping.
What happens to transparent areas?
Full color tracing with Color clustering keys transparency out when the image is substantially transparent: fully transparent pixels are set aside instead of being painted, so the background stays transparent. Line art and Watershed region forming do not key transparency and trace the whole surface, so flatten a transparent image onto white first when you want only the visible artwork traced.
What happens with a very large image?
The trace surface is capped at 2,048 pixels on its longest edge for line art and 1,280 pixels for full color, and larger images are downscaled with their aspect ratio preserved. If the result is heavy, raise the speckle filter, turn on curve simplification, lower the path precision, or use the Shorthands + grouping optimization. Color tracing also gets lighter with fewer regions, which a higher gradient step or a lower color precision produces.