Convert PNG to SVG
Drop a PNG and get an SVG made of real paths — one fill per colour, editable in Illustrator or Inkscape. The image is traced in this tab and never uploaded.
- Eingabe
- PNG
- Ausgabe
- SVG
- Engine
- WASM, in Ihrem Tab
- Preis
- Kostenlose Vorschau
Bild hier ablegen oder einfügen
Ihr Bild wird nie hochgeladen. Es wird in diesem Tab nachgezeichnet.Vollständigen Konverter öffnen
Preset
- 01Logo — für diese Seite eingestellt16 Farben
- 02StrichzeichnungSchwarz-Weiß
- 03Foto64 Farben
- 04Stickerei8 Farben · Cutout
- 05Vinyl4 Farben · Cutout
- 06LaserSchwarz-Weiß · Polygon
- Ausgabe · SVG · PDF · EPS · DXF
- Vorschau kostenlos · Download mit Pro 9,00 € / Monat
- Ihre Datei bleibt in diesem Tab
Warum vectortrace
- Beleg 1 / 3
Im Browser und privat
Die Engine ist WebAssembly und läuft in einem Worker auf Ihrem eigenen Rechner. Ihr Bild wird nie hochgeladen — es gibt also nichts zu leaken, nichts zu löschen und nichts, dem Sie vertrauen müssten.
- Beleg 2 / 3
Editierbare Pfade, kein Wrapper
Die Engine gruppiert das Bild in Farbregionen, nimmt die Grenze zwischen ihnen und passt Kurven daran an. Was herauskommt, ist echte Geometrie — eine Füllung pro Region, jeder Knoten von Ihnen verschiebbar — erzeugt im Tab und nie auf einem Server.
- Beleg 3 / 3
Formate für Druck und Produktion
SVG und PDF für Artwork; EPS und DXF für Cutter, Gravierer und Stick-Software. Echte Dateien, die sich in Illustrator, Inkscape und LibreCAD öffnen lassen — kein SVG mit einem JPEG darin.
Format-Fakten
| Format-Fakten | PNG · rein | SVG · raus |
|---|---|---|
| Art | Raster. A grid of pixels. | Vector. Paths described in XML. |
| Skalierung | Blurs or pixelates past its native size. | Sharp at any size. |
| Farbe | Up to 16.7 million colours with 8-bit alpha. Lossless. | One solid fill per path, in a palette you can edit by hand. |
| Editierbar in | Photoshop, GIMP, Affinity Photo. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| Typische Verwendung | Screenshots, web images, marks exported from a design tool. | Web, icons, print artwork, the input to a cutter workflow. |
Wissenswert
A PNG stores a grid of pixels; an SVG stores outlines. Converting one to the other means deciding where an edge is, and a PNG has already blurred that decision into its anti-aliased pixels. The tracer groups the image into colour regions, walks the boundary between them and fits curves to it, so what you get is a handful of Bezier segments per shape rather than a staircase of pixel steps.
PNG carries an 8-bit alpha channel, so transparency survives the trace: fully transparent pixels become holes in the geometry rather than a white rectangle behind the mark. If your PNG has a checkerboard background it was flattened before you got it, and the checkerboard will be traced as artwork.
The logo preset is the default here because most PNGs people vectorise are flat marks. For a scan or an inked drawing switch to line art, and for a photograph switch to photo — the palette size and the speckle filter are what change.
So funktioniert's
Drop the PNG
Drop, paste or choose a PNG. It is decoded by the browser and handed to the worker; nothing is sent anywhere.
Pick a preset
Start on logo for a flat mark, line art for a scan, photo for a photograph. The readouts show paths, nodes, colours and milliseconds as you change it.
Download the SVG
Check the preview at full zoom, then export. The SVG is written in the worker and saved straight from the tab.
Benchmark
Gemessen, nicht vermarktet. Der Korpus, die Methode und jede Zahl, die der Lauf erzeugt hat, werden vollständig veröffentlicht.
Methodik → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
Fragen
- 01Does converting a PNG to SVG upload my file?
- No. The tracer is WebAssembly running in a Web Worker in this tab, so the pixels stay on your machine. There is no upload step, which is also why it keeps working with the network off.
- 02Will the SVG just have the PNG embedded inside it?
- No. Some converters wrap the original bitmap in an <image> element and call the result an SVG; it is the same pixels with an XML header, and it still blurs when you scale it. Every path here is traced geometry, so the file opens as editable outlines.
- 03Can I edit the SVG afterwards?
- Yes. The output is ordinary SVG — one path per colour region, with a plain fill — so Illustrator, Inkscape, Figma, Affinity Designer and a text editor all open it and all let you move a node.
- 04Is it free?
- Previews are free and unlimited — trace as many PNGs as you like, at any resolution. Downloading the file needs Pro at €9.00 per month, tax inclusive.
Verwandt
Verwandte Umwandlungen