Image to SVG Vector
Convert a raster image into filled vector outlines. This tool samples the image into a small pixel grid, separates foreground from background using a brightness threshold, and follows the boundaries to produce closed SVG paths. It suits simple logos, silhouettes and high-contrast illustrations. The output contains geometry rather than an embedded bitmap. This is a monochrome polygon tracer: it does not recreate photographic colors or infer smooth Bézier curves.
Key features
- Real closed SVG contours with even-odd filling to preserve holes and nested shapes
- 64–512px maximum tracing dimension, brightness threshold and foreground inversion
- Removal of small four-connected foreground components using a 1–64 pixel area setting
- One chosen fill color with a transparent or white SVG background
- Source-size SVG, local preview, editable SVG text copy and vector file download
- Cancellable processing with explicit edge, contour and output-size limits
How to use
- Choose a static PNG, JPEG or WebP image, or load the generated example.
- Select the maximum tracing dimension. Start at 256px; larger grids retain more detail and can produce larger files.
- Set the threshold from 0 to 255, optionally invert the foreground, and choose the minimum foreground component area.
- Choose the fill color and transparent or white background, then create the SVG.
- Inspect the result, contour count and removed components. After changing settings, create the SVG again.
- Download the SVG or copy its source text into a vector editor or compatible design workflow.
Use cases
- Trace a high-contrast logo into a single-color vector silhouette
- Prepare a simple icon outline for editing in an SVG editor
- Compare threshold and resolution effects on a scanned black-and-white drawing
- Create monochrome stencil-style artwork while retaining internal holes
Frequently asked questions
Is this a real vector conversion?
Yes. Foreground pixel boundaries become closed SVG path geometry. No raster image, data URL or base64 bitmap is embedded. Collinear edge points are removed, but the remaining contours follow the sampled pixel grid. They are polygons rather than automatically fitted smooth curves.
Can it preserve all colors in a photograph?
This version produces a single chosen fill color and an optional white background. Weighted RGB brightness is compared with your threshold: values at or below it are foreground. Inversion selects the brighter pixels instead. Photographic color tracing, gradient recovery and automatic curve fitting are outside this tool’s scope.
How are transparency and holes handled?
Fully transparent sampled pixels always stay outside the foreground, even when inverted. Partly transparent pixels are composited on white before their brightness is measured. SVG even-odd filling preserves enclosed holes and nested islands. Choosing a white output background changes the backdrop, not the threshold calculation.
What do tracing resolution and noise removal mean?
The source is reduced to a grid whose longest side is at most 64, 128, 256, 384 or 512 pixels; smaller images are not enlarged. Components connected along pixel edges with area below the chosen 1–64 sampled pixels are removed. Diagonal contact alone does not join components. A minimum area of 1 preserves all foreground components.
Will the SVG keep the original size and make the file smaller?
SVG width, height and viewBox retain the decoded source dimensions. The sampled contour coordinates are scaled to that size. More tracing detail can increase file size, and SVG is not guaranteed to be smaller than the original. Very detailed inputs are refused above 100,000 boundary edges, 10,000 contours or 2,000,000 SVG bytes; reduce tracing resolution or remove more noise.
Which files and browser capabilities are supported?
Use one static PNG, JPEG or WebP file up to 20 MiB, 8,192 pixels per side and 20 million pixels. Animated PNG and WebP are unsupported. Image decoding, Canvas 2D and local Blob URLs are required. If clipboard permission blocks copying, use the selectable SVG text or download. Changing the source or a setting cancels the pending trace and clears the old result.
Privacy
The image, filename, settings and SVG stay in this page’s browser memory. This tool sends none of them to a server or tool analytics events and does not automatically store them. Copy exports the SVG text to your clipboard; download exports only the generated geometry to a file.
Comments & questions