Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
Was ist ein PNG-zu-SVG-Wandler?
Ein PNG-zu-SVG-Wandler verfolgt ein Rasterbild in gefüllte Vektorformen Es stellt kein originales Vektordesign wieder her: Die Formen werden aus den Pixeln neu aufgebaut, Kanten sind also eine Näherung Logos, Icons, Strichzeichnungen und andere flache Kunstwerke mit wenigen Farben zeichnen sich gut ab Fotos nicht; sie verwandeln sich in große, fleckige SVGs, die viele Megabyte, manchmal mehrere zehn Megabyte groß sein können, weit größer als das PNG, mit dem Sie begonnen haben.
Der Unterschied zwischen den beiden Formaten erklärt, warum sich das überhaupt lohnt Ein PNG speichert ein festes Pixelraster, so dass die Kanten durch Vergrößerung blockig werden Ein SVG speichert als Pfade beschriebene und mit Farbe gefüllte Umrisse, die ein Browser oder eine Design-App in jeder Größe sauber neu zeichnet Ein nachgezeichnetes SVG kann in eine Webseite gelangen, in einem Vektoreditor neu eingefärbt werden oder von einer Schneidemaschine oder einem Lasergraveur gelesen werden, die aus Umrissen arbeitet.
Die Nachverfolgung erfolgt in zwei Schritten, zuerst wird das Bild auf eine kleine Palette reduziert, die Zahl, die Sie unter Farben auswählen. Dann geht der Tracer über den Rand jedes Bereichs derselben Farbe und passt gerade Linien und Kurven zu ihm, wodurch ein gefüllter Pfad pro Bereich entsteht. Jeder Pfad erhält außerdem einen 1-Pixel-Umriss in seiner eigenen Farbe, der die Haarlinienlücken schließt, die sonst zwischen benachbarten Formen sichtbar wären.
Zwei Einstellungen prägen das Ergebnis Farben sind 2, 8 (die Voreinstellung) oder 16. Detail ist Niedrig, Mittel (die Voreinstellung) oder Hoch: Niedrig verwischt das Bild zuerst leicht, passt zu lockereren Kurven und lässt Formen fallen, die kleiner als ein Fleck sind, was einfachere und kleinere Dateien ergibt, während High den Pixeln genau folgt und winzige Formen behält. Entweder stellt er Spuren bei jeder hinzugefügten Datei erneut ein, und jede Zeile zeigt die neue SVG-Größe neben der PNG-Größe an, sodass Sie Einstellungen vor dem Download vergleichen können.
Die Nachverfolgung läuft clientseitig in einem Hintergrund-Webworker mit imagetracerjs, das nur heruntergeladen wird, wenn Sie die erste Datei hinzufügen, sodass die Seite reaktionsfähig bleibt und kein Bild hochgeladen wird Bilder, die länger als 1200 Pixel auf beiden Seiten sind, werden vor der Nachverfolgung verkleinert, sodass der Auftrag in Sekunden beendet wird, und die SVG ist immer noch so eingestellt, dass sie sich in der ursprünglichen Breite und Höhe öffnet. Eine Spur, die länger als zwei Minuten dauert, wird mit einer Nachricht gestoppt, die weniger Farben oder weniger Details vorschlägt PNGs bis zu 100 Megapixel werden akzeptiert, transparente Bereiche werden durchsichtige Formen, und das Tool ist kostenlos, keine Signup, mit einer täglichen Obergrenze für Konvertierungen.
So konvertieren Sie PNG in SVG
Fügen Sie Ihre PNG-Dateien hinzu
PNG-Bilder auf die Box fallen lassen, oder klicken Sie zum Hochladen Mehrere Dateien auf einmal ist in Ordnung, und jede wird nachgezeichnet, sobald sie hinzugefügt wird Logos, Symbole und flache Grafiken geben die saubersten Ergebnisse.
Legen Sie Farben und Details fest
Wählen Sie 2 Farben für Schwarz-Weiß-Artwork, 8 für die meisten Logos und 16 für schattierte Grafiken. Beginnen Sie bei Medium detail Ändern Sie entweder Einstellung zeichnet jede Datei erneut mit den neuen Werten.
Überprüfen Sie die Spur
Jede Zeile zeigt das nachgezeichnete SVG als Thumbnail, seinen Status und eine Größenlinie mit der Größe davor und danach und wie viel kleiner oder größer das SVG ist Klicken Sie auf das Thumbnail, um das SVG groß zu öffnen und zwischen Vorher und Nachher zu wechseln, wenn Kanten klumpig aussehen oder die Datei zu groß ist, ändern Sie eine Einstellung und schauen Sie erneut.
Laden Sie die SVG-Dateien herunter
Drücken Sie das Download-Symbol in einer Zeile, um diese SVG zu speichern, oder laden Sie alle im Listenkopf herunter, um einen Stapel als konvertiert-svg.zip zu speichern.
Warum PNG in SVG umwandeln?
Die Rückverfolgung lohnt sich, wenn das Bild einfach ist und Sie es zum Skalieren oder zum Lesen als Umrisse benötigen. Behalten Sie für alles Fotografische den PNG bei.
Ein Logo, das es nur als PNG gibt
Die ursprüngliche Vektordatei geht oft verloren, und es bleibt nur ein von einer Website gezogenes PNG oder eine E-Mail-Signatur übrig, mit Tracing erhält man eine SVG, die für einen Banner oder einen Druckauftrag ohne blockhafte Kanten skaliert Kurven und kleinen Text genau prüfen, da sie aus Pixeln neu erstellt und nicht aus der Datei des Designers kopiert werden.
Schneidemaschinen, Graveure und Sticksoftware
Vinylschneider, Lasergraveure und viele Bastelwerkzeuge folgen Pfaden, nicht Pixeln Eine 2-Farben-Spur einer Silhouette, einer Schablone oder eines Monogramms verwandelt jeden dunklen Bereich in eine geschlossene Form, um die die Maschine herumschneiden kann.
Symbole und Illustrationen für das Web
Ein flaches Symbol, das auf SVG zurückgeführt wird, bleibt auf Bildschirmen mit hoher Dichte scharf und kann mit CSS neu eingefärbt werden. Wenn Sie später eine Pixelversion mit einer festgelegten Größe benötigen, [setzen Sie das SVG wieder auf PNG zurück] (/tools/svg-to-png).
PNG vs. zurückverfolgtes SVG: welches verwendet werden soll
| PNG | Aufgespürte SVG | |
|---|---|---|
| Was es speichert | Ein Raster aus Pixeln. | Aus diesen Pixeln nachgezeichnete gefüllte Formen Nicht das ursprüngliche Vektordesign. |
| Schuppung | Blockig oder verschwommen bei Vergrößerung. | Zieht sauber in jeder Größe neu. |
| Farben | Millionen, mit glatten Steigungen. | 2, 8 oder 16 flache Farben Gradienten werden zu Bändern. |
| Transparenz | Voller Alphakanal. | Transparente Bereiche, die als durchsichtige Formen verfolgt werden. |
| Logos und Icons | Gut in der Größe, in der es gespeichert wurde. | Gute Passform: saubere Kanten, leicht nachfärbbar. |
| Foto | Gute Passform und normalerweise die kleinere Datei. | Schlechte Passform: große, fleckige SVGs, manchmal mehrere zehn Megabyte. |
| Bearbeitung | Pixel-editoren. | Vektoreditoren, Schneid - und Gravursoftware, Code. |
Wie Farben und Details die Spur verändern
Jede Einstellung ist ein Tausch zwischen dem originalgetreuen Aussehen des SVG und der Anzahl der darin enthaltenen Formen. Mehr Formen bedeuten eine größere Datei und mehr Bereinigung in einem Vektoreditor.
Farben: 2, 8 oder 16
Das Bild wird vor der Nachzeichnung auf so viele Farben reduziert Zwei Farben passen zu schwarz-weißen Logos, Schablonen, Signaturen und Strichzeichnungen Acht handhaben die meisten flachen Logos mit ein paar Markenfarben und einigen Anti-Aliased-Kanten Sechzehn behält mehr Schattierung, zum Preis von viel mehr kleinen Formen entlang jeder weichen Kante.
Detail: Niedrig, Mittel oder Hoch
Low detail verwischt das Bild leicht, passt locker in Kurven und wirft winzige Formen weg, was glatte Umrisse und kleine Dateien ergibt Medium passt Kurven innerhalb von etwa einem Pixel High folgt den Pixeln genau und behält kleine Formen, so behält es dünne Striche, aber nimmt auch Rauschen auf.
Warum Fotos schief gehen
Ein Foto hat überall weiche Farbverläufe und Textur, so dass es sich selbst bei 16 Farben in Tausende unregelmäßiger Patches aufteilt Jeder Patch wird zu einem Pfad mit eigenen Koordinaten, und der SVG kann am Ende ein Vielfaches der Größe des PNGs erreichen, während er wie eine posterisierte Kopie aussieht Das ist eine Grenze der Nachverfolgung, keine Einstellung, die Sie beheben können.
Privatsphäre und Sicherheit
- Der PNG wird in diesem Browser-Tab dekodiert und in einem Hintergrundarbeiter nachgezeichnet. Das Bild wird nie hochgeladen.
- Die Imagetracerjs-Bibliothek wird von dieser Website nur geladen, wenn Sie die erste Datei hinzufügen.
- Der SVG basiert nur auf nachgezeichneten Pfaden, ohne Skripte, Links oder eingebettete Kopien des ursprünglichen PNG.
- Der tägliche Nutzungscheck sendet den Werkzeugnamen, eine Gerätekennung und Ihren Anmeldetoken, falls vorhanden Keine Bilddaten sind enthalten.
- Nach einem Stapel protokolliert die Seite die Dateinummer, die Gesamtbytes und das Ausgabeformat, niemals Dateinamen oder Pixel.
Hauptmerkmale
2, 8 oder 16 Farben
Von Schwarz-Weiß-Kunstwerken bis hin zu schattierten flachen Grafiken
Niedrige, mittlere und hohe Details
Glatte, kompakte Umrisse oder enge Nachzeichnung kleiner Formen
Lückenfreie Formen
Ein dünner passender Umriss auf jeder Form verbirgt Nähte zwischen Farben
SVG-Vorschau und Dateigröße
Sehen Sie sich das nachgezeichnete Ergebnis und sein Gewicht vor dem Herunterladen an, das jedes Mal aktualisiert wird, wenn Sie eine Einstellung ändern
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!