
- Kostenlose Domain
- Kostenloses SSL
- 30 Tage Geld-zurück-Garantie
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
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.
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.
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.
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
| PNG | Nachgezeichnetes SVG | |
|---|---|---|
| Was gespeichert wird | Ein Raster aus Pixeln. | Aus diesen Pixeln nachgezeichnete gefüllte Formen. Nicht das ursprüngliche Vektordesign. |
| Skalierung | Beim Vergrößern blockig oder unscharf. | Wird in jeder Größe sauber neu gezeichnet. |
| Farben | Millionen, mit weichen Farbverläufen. | 2, 8 oder 16 flache Farben. Farbverläufe werden zu Streifen. |
| Transparenz | Voller Alphakanal. | Transparente Bereiche werden als durchsichtige Formen nachgezeichnet. |
| Logos und Icons | Gut in der Größe, in der es gespeichert wurde. | Gut geeignet: saubere Kanten, leicht umzufärben. |
| Fotos | Gut geeignet und meist die kleinere Datei. | Schlecht geeignet: große, fleckige SVGs, manchmal mehrere zehn Megabyte. |
| Bearbeitung | Pixeleditoren. | 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
Verwandte Tools
JPG-zu-SVG-Konverter
Verfolgen Sie ein JPG-Logo, einen Scan oder eine Signatur in einem SVG aus gefüllten Formen mit 2, 8 oder 16 Farben. Es stellt das ursprüngliche Vektordesign nicht wieder her und Fotos ergeben große, fleckige SVGs
PNG-zu-PDF-Konverter
PNG-Screenshots und Grafiken in ein PDF ohne Detailverlust, eine Seite pro Bild, in Ihrem Browser
SVG-zu-PDF-Konverter
Setzen Sie SVG-Grafiken im Browser als Bilder mit 1-, 2- oder 4-facher Auflösung auf PDF-Seiten, eine Seite pro Datei
SVG-zu-PNG-Konverter
Konvertieren Sie SVG-Vektorgrafiken in PNG mit 1 x, 2 x oder 4 x in Ihrem Browser, kein Upload erforderlich
Comments
0 comments
No comments yet. Be the first to share your thoughts!

