Command Palette

Search for a command to run...

PN

PNG-zu-SVG-Konverter

Zeichnen Sie ein PNG-Logo oder -Icon als SVG aus gefüllten Formen mit 2, 8 oder 16 Farben nach. Das ursprüngliche Vektordesign wird dabei nicht wiederhergestellt, und Fotos ergeben große, fleckige SVGs.

GesponsertDer Hoster hinter Toolz.devHostinger Partner
Starten Sie Ihre Website mit Hostinger
  • Kostenlose Domain
  • Kostenloses SSL
  • 30 Tage Geld-zurück-Garantie
4.6 auf Trustpilot aus über 73.000 Bewertungen
Angebot sichern Gutscheincode

Was ist ein PNG-zu-SVG-Konverter?

Ein PNG-zu-SVG-Konverter zeichnet ein Rasterbild als gefüllte Vektorformen nach. Er stellt kein ursprüngliches Vektordesign wieder her: Die Formen werden aus den Pixeln neu aufgebaut, die Kanten sind also eine Annäherung. Logos, Icons, Strichzeichnungen und andere flache Grafiken mit wenigen Farben lassen sich gut nachzeichnen. Fotos nicht: Sie werden zu großen, fleckigen SVGs, die viele Megabyte groß sein können, manchmal mehrere zehn Megabyte, weit größer als das PNG, mit dem Sie begonnen haben.

Der Unterschied zwischen den beiden Formaten zeigt, warum sich das überhaupt lohnt. Ein PNG speichert ein festes Pixelraster, sodass die Kanten beim Vergrößern blockig werden. Ein SVG speichert Umrisse, die als Pfade beschrieben und mit Farbe gefüllt sind und die ein Browser oder eine Design-App in jeder Größe sauber neu zeichnet. Ein nachgezeichnetes SVG kann in eine Webseite eingebunden, in einem Vektoreditor neu eingefärbt oder von einem Schneideplotter oder Lasergravierer gelesen werden, der mit Umrissen arbeitet.

Das Nachzeichnen erfolgt in zwei Schritten. Zuerst wird das Bild auf eine kleine Palette reduziert, deren Größe Sie unter Farben wählen. Dann läuft der Tracer an der Kante jeder gleichfarbigen Fläche entlang und legt gerade Linien und Kurven darüber, sodass pro Fläche ein gefüllter Pfad entsteht. Jeder Pfad erhält außerdem eine 1 Pixel breite Kontur in seiner eigenen Farbe, die die haarfeinen Lücken schließt, die sonst zwischen benachbarten Formen sichtbar wären.

Zwei Einstellungen bestimmen das Ergebnis. Farben ist 2, 8 (Standard) oder 16. Detail ist Niedrig, Mittel (Standard) oder Hoch: Niedrig weichzeichnet das Bild zuerst leicht, legt lockerere Kurven an und verwirft Formen, die kleiner als ein Fleck sind, was einfachere und kleinere Dateien ergibt, während Hoch den Pixeln genau folgt und winzige Formen beibehält. Wenn Sie eine der beiden Einstellungen ändern, wird jede hinzugefügte Datei erneut nachgezeichnet, und jede Zeile zeigt die neue SVG-Größe neben der PNG-Größe an, sodass Sie die Einstellungen vor dem Download vergleichen können.

Das Nachzeichnen läuft im Browser in einem Web Worker im Hintergrund mit imagetracerjs, das erst beim Hinzufügen der ersten Datei geladen wird, sodass die Seite reaktionsfähig bleibt und kein Bild hochgeladen wird. Bilder, die auf einer Seite länger als 1200 Pixel sind, werden vor dem Nachzeichnen verkleinert, damit der Vorgang in Sekunden abgeschlossen ist, und das SVG wird trotzdem mit der ursprünglichen Breite und Höhe geöffnet. Dauert ein Nachzeichnen länger als zwei Minuten, wird es mit einer Meldung abgebrochen, die weniger Farben oder weniger Detail vorschlägt. PNGs bis 100 Megapixel werden akzeptiert, transparente Bereiche werden zu durchsichtigen Formen, und das Tool ist kostenlos und ohne Anmeldung nutzbar, mit einer täglichen Obergrenze für Konvertierungen.

So konvertieren Sie PNG in SVG

  1. PNG-Dateien hinzufügen

    Ziehen Sie PNG-Bilder auf das Feld oder klicken Sie zum Hochladen. Mehrere Dateien auf einmal sind kein Problem, und jede wird nachgezeichnet, sobald sie hinzugefügt wird. Logos, Icons und flache Grafiken liefern die saubersten Ergebnisse.

  2. Farben und Detail festlegen

    Wählen Sie 2 Farben für Schwarz-Weiß-Motive, 8 für die meisten Logos und 16 für Grafiken mit Schattierungen. Beginnen Sie mit der Detailstufe Mittel. Wenn Sie eine der beiden Einstellungen ändern, wird jede Datei mit den neuen Werten erneut nachgezeichnet.

  3. Das Ergebnis prüfen

    Jede Zeile zeigt das nachgezeichnete SVG als Vorschaubild, seinen Status und eine Größenzeile mit der Größe vorher und nachher sowie der Angabe, wie viel kleiner oder größer das SVG ist. Klicken Sie auf das Vorschaubild, um das SVG groß zu öffnen und zwischen Vorher und Nachher zu wechseln. Wenn die Kanten unsauber aussehen oder die Datei zu groß ist, ändern Sie eine Einstellung und prüfen Sie erneut.

  4. SVG-Dateien herunterladen

    Klicken Sie in einer Zeile auf das Download-Symbol, um dieses SVG zu speichern, oder in der Listenkopfzeile auf Alle herunterladen, um einen Stapel als converted-svg.zip zu speichern.

Warum PNG in SVG umwandeln?

Das Nachzeichnen lohnt sich, wenn das Bild einfach ist und Sie es skalieren oder als Umrisse auslesen wollen. Behalten Sie bei Fotos das PNG.

Ein Logo, das nur als PNG existiert

Die ursprüngliche Vektordatei ist oft verloren, und übrig bleibt nur ein PNG, das von einer Website oder aus einer E-Mail-Signatur stammt. Das Nachzeichnen liefert Ihnen ein SVG, das sich für ein Banner oder einen Druckauftrag ohne blockige Kanten skalieren lässt. Prüfen Sie Kurven und kleinen Text genau, da sie aus Pixeln neu aufgebaut und nicht aus der Datei des Designers übernommen werden.

Schneideplotter, Gravierer und Stickerei-Software

Vinylschneider, Lasergravierer und viele Bastelgeräte folgen Pfaden, nicht Pixeln. Eine 2-Farben-Nachzeichnung einer Silhouette, einer Schablone oder eines Monogramms macht aus jeder dunklen Fläche eine geschlossene Form, die die Maschine umfahren und ausschneiden kann.

Icons und Illustrationen fürs Web

Ein flaches Icon, das als SVG nachgezeichnet wurde, bleibt auf hochauflösenden Bildschirmen scharf und lässt sich mit CSS neu einfärben. Wenn Sie später eine Pixelversion in einer festen Größe brauchen, rendern Sie das SVG wieder als PNG.

PNG oder nachgezeichnetes SVG: was wann

Ein PNG-Bild im Vergleich zu einem daraus nachgezeichneten SVG
PNGNachgezeichnetes SVG
Was gespeichert wirdEin Raster aus Pixeln.Aus diesen Pixeln nachgezeichnete gefüllte Formen. Nicht das ursprüngliche Vektordesign.
SkalierungBeim Vergrößern blockig oder unscharf.Wird in jeder Größe sauber neu gezeichnet.
FarbenMillionen, mit weichen Farbverläufen.2, 8 oder 16 flache Farben. Farbverläufe werden zu Streifen.
TransparenzVoller Alphakanal.Transparente Bereiche werden als durchsichtige Formen nachgezeichnet.
Logos und IconsGut in der Größe, in der es gespeichert wurde.Gut geeignet: saubere Kanten, leicht umzufärben.
FotosGut geeignet und meist die kleinere Datei.Schlecht geeignet: große, fleckige SVGs, manchmal mehrere zehn Megabyte.
BearbeitungPixeleditoren.Vektoreditoren, Schneid- und Gravursoftware, Code.

Wie Farben und Detail das Ergebnis verändern

Jede Einstellung ist ein Kompromiss zwischen der Originaltreue des SVG und der Anzahl der enthaltenen Formen. Mehr Formen bedeuten eine größere Datei und mehr Aufräumarbeit in einem Vektoreditor.

Farben: 2, 8 oder 16

Das Bild wird vor dem Nachzeichnen auf diese Anzahl Farben reduziert. Zwei Farben eignen sich für schwarz-weiße Logos, Schablonen, Unterschriften und Strichzeichnungen. Acht reichen für die meisten flachen Logos mit ein paar Markenfarben und etwas Kantenglättung. Sechzehn behalten mehr Schattierung, allerdings um den Preis vieler weiterer kleiner Formen entlang jeder weichen Kante.

Detail: Niedrig, Mittel oder Hoch

Niedrig weichzeichnet das Bild leicht, legt Kurven locker an und verwirft winzige Formen, was glatte Umrisse und kleine Dateien ergibt. Mittel legt Kurven auf etwa ein Pixel genau an. Hoch folgt den Pixeln genau und behält kleine Formen, bewahrt also dünne Striche, nimmt aber auch Bildrauschen auf.

Warum Fotos nicht funktionieren

Ein Foto hat überall weiche Farbverläufe und Texturen, sodass es selbst bei 16 Farben in Tausende unregelmäßiger Flecken zerfällt. Jeder Fleck wird zu einem Pfad mit eigenen Koordinaten, und das SVG kann am Ende ein Vielfaches der Größe des PNG haben, während es wie eine posterisierte Kopie aussieht. Das ist eine Grenze des Nachzeichnens und keine Einstellung, die Sie beheben können.

Datenschutz und Sicherheit

  • Das PNG wird in diesem Browser-Tab dekodiert und in einem Hintergrund-Worker nachgezeichnet. Das Bild wird nie hochgeladen.
  • Die Bibliothek imagetracerjs wird nur dann von dieser Website geladen, wenn Sie die erste Datei hinzufügen.
  • Das SVG besteht nur aus nachgezeichneten Pfaden, ohne Skripte, Links oder eingebettete Kopie des ursprünglichen PNG.
  • Die tägliche Nutzungsprüfung sendet den Tool-Namen, eine Gerätekennung und, falls vorhanden, Ihr Anmelde-Token. Bilddaten sind nicht enthalten.
  • Nach einem Stapel protokolliert die Seite die Dateianzahl, die Gesamtbytes und das Ausgabeformat, niemals Dateinamen oder Pixel.

Die wichtigsten Funktionen

  • 2, 8 oder 16 Farben

    Von Schwarz-Weiß-Grafiken bis zu flachen Grafiken mit Schattierungen

  • Niedrige, mittlere und hohe Detailstufe

    Glatte, kompakte Umrisse oder genaues Nachzeichnen kleiner Formen

  • Lückenlose Formen

    Ein dünner Umriss in passender Farbe um jede Form verdeckt Nähte zwischen Farben

  • SVG-Vorschau und Dateigröße

    Sehen Sie das nachgezeichnete Ergebnis und seine Dateigröße vor dem Herunterladen, bei jeder Änderung einer Einstellung wird beides aktualisiert

Häufig gestellte Fragen

Ziehen Sie das PNG auf diese Seite, und es wird in gefüllte Formen umgewandelt, die Sie als SVG-Datei herunterladen können. Das Nachzeichnen beginnt, sobald die Datei hinzugefügt wird, und wenn Sie Farben oder Detailstufe ändern, wird sie erneut nachgezeichnet.

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