Command Palette

Search for a command to run...

PN

PNG-zu-SVG-Konverter

Verfolgen Sie ein PNG-Logo oder -Symbol in einem SVG aus gefüllten Formen mit 2, 8 oder 16 Farben. Es stellt nicht das ursprüngliche Vektordesign wieder her und Fotos ergeben große, fleckige SVGs

PNGtoSVGConverts as soon as you add files
Colors
Detail

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

  1. 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.

  2. 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.

  3. Ü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.

  4. 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

Ein PNG-Bild im Vergleich zu einem daraus abgeleiteten SVG
PNGAufgespürte SVG
Was es speichertEin Raster aus Pixeln.Aus diesen Pixeln nachgezeichnete gefüllte Formen Nicht das ursprüngliche Vektordesign.
SchuppungBlockig oder verschwommen bei Vergrößerung.Zieht sauber in jeder Größe neu.
FarbenMillionen, mit glatten Steigungen.2, 8 oder 16 flache Farben Gradienten werden zu Bändern.
TransparenzVoller Alphakanal.Transparente Bereiche, die als durchsichtige Formen verfolgt werden.
Logos und IconsGut in der Größe, in der es gespeichert wurde.Gute Passform: saubere Kanten, leicht nachfärbbar.
FotoGute Passform und normalerweise die kleinere Datei.Schlechte Passform: große, fleckige SVGs, manchmal mehrere zehn Megabyte.
BearbeitungPixel-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

Lassen Sie das PNG auf diese Seite fallen und es wird in gefüllte Formen zurückverfolgt, die Sie als SVG-Datei herunterladen können. Die Nachverfolgung beginnt, sobald die Datei hinzugefügt wird, und das Ändern von Farben oder Details führt sie erneut nach.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to svgconvert png to svgpng to svg converterfree png to svgpng to vectorvectorize pngpng logo to svgtrace png to svgconvert png to vector