Kostenloser PNG-zu-SVG-Konverter

Der PNG-zu-SVG-Konverter ist ein kostenloses Online-Tool, das PNG-Bilder mithilfe von Kantenerkennung und Farbnachverfolgung in das Vektorformat SVG umwandelt. Es unterstützt einen Schwarz-Weiß-Trace-Modus und einen Farbfüllmodus. Es läuft vollständig in deinem Browser, ganz ohne Installation oder Anmeldung.

Einfache Grafiken, Logos, Symbole und Illustrationen mit klaren Kanten eignen sich am besten. Komplexe Fotos ergeben einfachere Annäherungen.

Der Schwarz-Weiß-Trace nutzt die Sobel-Kantenerkennung, während der Farbfüllmodus die Farben in gefüllte SVG-Bereiche quantisiert.

Ja, völlig kostenlos. Die gesamte Konvertierung erfolgt clientseitig in deinem Browser.

Absolut. Der PNG-zu-SVG-Konverter verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der PNG-zu-SVG-Konverter ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne den PNG-zu-SVG-Konverter einfach in deinem Browser und nutze ihn sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Der PNG-zu-SVG-Konverter unterstützt gängige Bildformate wie PNG, JPG/JPEG, WebP und GIF. Je nach Tool können einige Funktionen auch SVG und BMP unterstützen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach deinen Wünschen an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der PNG-zu-SVG-Konverter funktioniert in allen modernen Browsern wie Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Ein PNG ist ein Rasterbild: ein festes Pixelraster mit fester Auflösung, das beim Vergrößern über seine native Größe hinaus unscharf oder blockig wirkt. Ein SVG ist eine Vektorgrafik, die Formen als mathematische Pfade statt als Pixel speichert, und deshalb bei jeder Größe scharf neu gezeichnet wird — vom winzigen Favicon bis zum großen Banner. Nutze PNG, wenn du fotografische Details, weiche Farbverläufe oder Transparenz brauchst, die überall exakt gleich aussehen müssen. Nutze SVG für Logos, Icons, Strichzeichnungen und flache Illustrationen, die über verschiedene Bildschirmgrößen und Druckauflösungen hinweg sauber skalieren müssen. SVG-Dateien sind reiner Text, oft nur wenige Kilobyte groß, und lassen sich mit CSS umfärben oder stylen, ohne sie neu exportieren zu müssen. Dieser Konverter verfolgt die Formen eines PNGs und schreibt sie als SVG-Pfade heraus — füge dein Bild oben ein oder lade es hoch, um eine einfache Grafik von Raster in Vektor umzuwandeln.

Vektorisierung ist eine Annäherung, keine perfekte Umkehrung der ursprünglichen Rasterung. Das Tool erkennt entweder Kanten mit einem Sobel-Filter oder gruppiert Pixel in eine reduzierte Farbpalette, wodurch feine Farbverläufe, weiche Schatten und fotografische Texturen zu einer kleineren Anzahl von Pfaden oder Volltonflächen geglättet werden. Aus Geschwindigkeitsgründen wird das Bild vor dem Tracing außerdem auf maximal 400 Pixel an seiner längeren Seite verkleinert, und die Farbfüllung behält nur die häufigsten Farben bei. Deshalb wirkt ein detailreiches Foto posterisiert, während ein sauberes Logo oder Icon originalgetreu nachgezeichnet wird. Ein höherer Qualitätsregler erfasst mehr Details, kann aber keine Informationen zurückholen, die bereits geglättet wurden. Für die besten Ergebnisse solltest du kontrastreiche Logos, Symbole und flache Grafiken verwenden statt Fotos. Lade oben eine klare Grafik hoch, und das Tracing bleibt scharf.

Das hängt davon ab, was bei deinem Bild am wichtigsten ist. Schwarz-Weiß-Trace nutzt Sobel-Kantenerkennung, um Konturen zu finden, und zeichnet sie als schwarze Vektorlinien auf weißem Hintergrund. Wähle diesen Modus für Strichzeichnungen, einfarbige Logos, Unterschriften, Skizzen und Icons, bei denen die Form der Kanten das Design trägt und Farbe keine Rolle spielt. Farbfüllung reduziert das Bild dagegen auf eine kleinere Palette und baut es aus gefüllten Vektorflächen wieder auf, wobei die Originalfarben erhalten bleiben. Nutze sie für flache, mehrfarbige Grafiken wie Badges, Embleme, einfache Illustrationen und Logos, bei denen die Farben Teil der Identität sind. Im Zweifel probierst du am besten beide aus und vergleichst Vorschau und angezeigte Pfadanzahl, denn ein Modus liefert für ein bestimmtes Bild oft ein deutlich saubereres Ergebnis. Wähle oben einen Modus, konvertiere und wechsle den Modus, falls der erste Versuch nicht passt.

Der Qualitäts-/Detailregler reicht von 1 bis 10 und steuert, wie fein das Bild vor dem Tracing abgetastet wird. Bei niedrigeren Einstellungen verwendet das Tool größere Abtastzellen und einen höheren Kantenschwellenwert, wodurch weniger, gröbere Pfade gezeichnet werden — das ergibt eine kleinere, einfachere SVG-Datei, die feine Details auslassen kann. Bei höheren Einstellungen tastet es dichter ab und senkt den Schwellenwert, wodurch mehr Kanten und Farbflächen erfasst werden, allerdings auf Kosten einer größeren Datei. Nach jeder Umwandlung zeigt das Tool die resultierende Pfadanzahl und die Dateigröße in Kilobyte an, sodass du diesen Kompromiss direkt siehst und anpassen kannst. Es gibt keinen einzig richtigen Wert: Ein sauberes Logo kann bei einer niedrigen Einstellung bereits perfekt aussehen, während ein komplexeres Icon eine höhere Einstellung braucht. Konvertiere, prüfe oben die Anzeigen für Pfadanzahl und Dateigröße und verschiebe den Regler dann, bis du die richtige Balance aus Detailtreue und Dateigewicht gefunden hast.

Ja. Da eine SVG-Datei Formen als mathematische Pfade statt als feste Pixel speichert, wird sie in jeder Größe perfekt scharf dargestellt, sodass dieselbe Datei sowohl für ein kleines Icon als auch für einen großen Druck genutzt werden kann, ohne jemals zu verpixeln. Das macht sie auch ideal für hochauflösende Retina- und 4K-Bildschirme, wodurch der Export separater @2x- oder @3x-Rasterassets entfällt. Eine SVG-Datei ist reiner Text, du kannst sie also in jedem Code-Editor oder einem Vektorprogramm wie Inkscape oder Illustrator öffnen, um Pfade anzupassen, die Strichstärke zu ändern oder Bereiche umzufärben, und du kannst sie auf einer Webseite direkt mit CSS umstylen. Denk daran, dass das Tracing eine Annäherung an das Original ist, sodass sehr feine Details manuelle Nacharbeit brauchen können. Konvertiere dein Bild oben, lade die .svg-Datei herunter und öffne sie in deinem bevorzugten Editor, um sie zu verfeinern.