图片转 SVGNEW

位图矢量化描摹成矢量图

Completely free

Checking your access…

AllFreeTool is a free online image to SVG tracer that turns a bitmap into real vector artwork in your browser. Upload a PNG, JPG or WebP and it quantises the colours, finds the connected regions and traces each contour into <path> elements. The result stays sharp at any size and is usually far smaller than the source image.

Logos, illustrations and flat icons become genuinely editable once they are vectors: change a colour, reshape an edge or add a detail without being limited by the original pixels. Decoding, quantising and tracing all happen on your own machine, so the image is never uploaded to a server.

Why use 图片转 SVG on AllFreeTool?

🎨

Colour Quantisation

Compresses the picture into 4–64 main colours and rebuilds the image in flat layers.

🧩

Contour Tracing

Marks connected regions and traces each outline into a closed path.

🧠

Automatic Noise Merging

Tiny stray fragments are merged into their neighbouring blob — no content is lost, there are simply fewer paths.

🔗

Seamless Tiling

Every blob carries a matching outline that grows one pixel outwards, so neighbouring blocks meet exactly — no white or black seams.

✨

Path Simplification

Douglas–Peucker removes redundant points so you control the point count and file size.

⚡

Background Thread

The whole pipeline runs in a Web Worker, so the page stays responsive and even large images never freeze it.

📤

Flexible Export

Save the SVG source or file, or scale it up and download a PNG preview.

How to use 图片转 SVG

1

Upload an Image

Pick a PNG, JPG or WebP to trace. Choose a sampling tier: 1200, 2400 or 3600 pixels.

2

Tune the Settings

Choose the colour count, minimum blob area and simplification tolerance — lower values hug the original more closely.

3

Export the Vector

Preview the traced result, then download the SVG file or copy the SVG code.

Common questions

Is the output really vector?+

Yes. Every path is built from traced contour points, so it is a genuine vector shape rather than a bitmap hidden inside an <image> element. That means you can scale it without limits and edit the nodes in a design tool.

Why does it not match the original exactly?+

Tracing a bitmap is an approximation by nature: colours collapse into a limited palette and edges get smoothed. Raise the colour count and lower the tolerance for a closer match, at the cost of many more paths.

Which images work best?+

Flat logos, icons and cartoon illustrations with clearly separated colours trace beautifully. Photos and complex gradients lose detail, which is expected.

Will there be white or black cracks between the blocks?+

No. Traced contours sit on pixel centres, so neighbouring blocks naturally leave half a pixel between them — which shows up as a white or black seam. The engine adds a matching outline to every block and grows it one pixel outwards, so adjacent blocks meet exactly. Cracks stay away no matter how many colours you pick.

Are any blobs dropped?+

No. Every blob stays accounted for: stray noise fragments are merged into their neighbouring blob (the content is still in the result) and only an extremely complex trace that exceeds the engine's path budget reports how many blocks were left undrawn.

A photo is slow or produces no result — what now?+

Raise the minimum blob area (200 or more) and lower the colour count to drop noise and speed things up. If not a single blob is traced, the source is simply too fine-grained and a flat-style image will work far better.

Is my image uploaded anywhere?+

No. Decoding, colour reduction and contour tracing all run inside your browser, so the picture data never leaves your device and no server resources are used.

More Image tools