PNG in SVG umwandeln

Wandle PNG-Logos, Icons und Zeichnungen in SVG um. Vergleiche das Ergebnis mit dem Original und kopiere den Code oder lade die Datei herunter. Kostenlos, ohne Anmeldung. Dein Bild bleibt im Browser.

OriginalbildPNG

PNG hier ablegen

Wähle eine PNG-Datei aus, ziehe sie hierher oder klicke in den Konverter und füge ein Bild aus der Zwischenablage ein.

PNG bis 10 MB · 16 Megapixel

SVG-Ergebnis

Hier erscheint deine SVG-Datei. Logos, Icons und einfache Zeichnungen eignen sich besonders gut.

Warten auf ein BildSVG

Vorschauhintergrund

Ändert nur die Vorschau, nicht den Hintergrund der SVG-Datei.

Einstellungen zur Vektorisierung

FarbmodusAnzahl der FarbenDetailgradKleine Formen entfernen

Große Bilder werden vor der Umwandlung verkleinert. Die Proportionen bleiben erhalten, mit höchstens 4.096 px pro Seite. Farben und halbtransparente Kanten können sich leicht verändern.

Weiter bearbeiten

Dein Bild bleibt im BrowserKostenlos · Ohne Anmeldung

So wandelst du PNG in SVG um

Wähle dein Bild aus, prüfe die Vorschau und speichere das Ergebnis.

PNG auswählen

Wähle eine PNG-Datei aus, ziehe sie in den Konverter oder füge sie aus der Zwischenablage ein. Du kannst jeweils ein Bild mit bis zu 10 MB und 16 Megapixeln umwandeln. Animierte PNGs werden nicht unterstützt.

Ergebnis ansehen

Vergleiche die Vorschau mit deinem Original. Vergrößere kleine Buchstaben und feine Linien und passe die Einstellungen bei Bedarf an.

Code kopieren oder Datei speichern

Mit „SVG-Code kopieren“ kopierst du den Code in die Zwischenablage. „SVG herunterladen“ speichert dasselbe Ergebnis als Datei.

Welche Bilder eignen sich am besten?

Logos, Icons und einfache Zeichnungen mit klaren Kanten liefern meist die besten Ergebnisse. Verwende eine möglichst scharfe Vorlage und schneide unnötigen Leerraum ab. Das Vergrößern eines unscharfen Bildes stellt keine verlorenen Details wieder her. Bei Fotos, Verläufen und Schatten können sichtbare Farbstufen oder Farbflächen entstehen.

Code kopieren oder Datei herunterladen

Kopiere den SVG-Code für deine Website oder lade die .svg-Datei herunter, um sie in einer Design-App zu öffnen. Beides enthält dieselben Vektorformen, die du skalieren und bearbeiten kannst. Das Bild wird dabei in Formen umgewandelt. Nur die Dateiendung zu ändern reicht dafür nicht aus.

SVG-Editor öffnen SVG-Viewer öffnen

Die passenden Einstellungen für dein Bild

Die Standardeinstellungen sind ein guter Ausgangspunkt. Mit diesen Tipps kannst du sie an dein Bild anpassen.

Logos und Icons

Beginne bei einem einfachen Logo mit 4 oder 8 Farben. Probiere 16 oder 32, wenn unterschiedliche Farben ineinander übergehen. Prüfe die Farben und die Innenräume der Buchstaben. Mehr Farben können Schattierungen besser erhalten, vergrößern aber auch die Datei.

Strichzeichnungen und Unterschriften

Für dunkle Linien auf hellem oder transparentem Hintergrund eignet sich „Schwarz-Weiß“. Wähle „Detailliert“ und „Alle behalten“, wenn Punkte oder feine Linien fehlen. Das Ergebnis besteht aus gefüllten Konturen; die ursprünglichen Stiftstriche werden nicht wiederhergestellt.

Kleine Schrift und feine Details

Prüfe kleine Buchstaben und dünne Linien vor dem Speichern. Große Bilder werden für die Verarbeitung auf höchstens 768 px an der längsten Seite verkleinert. Enges Zuschneiden kann deshalb Details erhalten. Probiere bei fehlenden Details „Detailliert“ und „Alle behalten“. Für genaue Schriftzüge verwendest du am besten die originale Vektordatei oder setzt den Text mit der richtigen Schrift neu.

Tipps für ein besseres Ergebnis

Wenn die Vorschau nicht wie gewünscht aussieht, helfen diese Anpassungen.

Farben verschmelzen oder Kanten wirken grob

Erhöhe die Farbanzahl, wenn unterschiedliche Farben verschmelzen. Probiere bei groben Kanten „Detailliert“ und bei fehlenden Punkten oder dünnen Linien „Alle behalten“. Bei vielen Flecken oder Bildrauschen helfen weniger Farben und die Einstellung „Leicht“. Ändere jeweils nur eine Einstellung und vergleiche die Vorschau.

Der weiße Hintergrund ist noch da

Ein weißer Hintergrund im PNG erscheint auch im SVG. Entferne ihn zuerst in einem Bildeditor, wenn du ein transparentes Ergebnis möchtest. Die Hintergrundschaltflächen ändern nur die Vorschau, nicht die exportierte Datei.

Die Datei ist zu groß

Viele Farben und kleine Details können die SVG-Datei größer machen als das ursprüngliche PNG. Probiere weniger Farben, den Detailgrad „Vereinfacht“ oder stärkeres Entfernen kleiner Formen. Prüfe dabei, ob wichtige Details erhalten bleiben. Für Fotos ist PNG oft das passendere Format.

Häufige Fragen

Ist die Umwandlung kostenlos?

Ja. Umwandlung, Vorschau, Kopieren und Herunterladen sind kostenlos. Du brauchst kein Konto und es wird kein Wasserzeichen hinzugefügt.

Werden meine Bilder hochgeladen?

Nein. Die Umwandlung findet in deinem Browser statt. Weder das PNG noch die SVG-Datei werden an einen Konvertierungsserver gesendet.

Sieht das Ergebnis genauso aus wie das PNG?

Nicht immer. Das Bild wird als Vektorformen neu gezeichnet, dabei können sich Details verändern. Einfache Logos und Icons eignen sich meist am besten. Prüfe kleine Schrift, Verläufe und weiche Kanten vor dem Speichern in der Vorschau.

Bleibt der Hintergrund transparent?

Ja, wenn dein PNG bereits einen transparenten Hintergrund hat. Halbtransparente Kanten können nach der Umwandlung etwas anders aussehen. Ein weißer Hintergrund wird nicht automatisch entfernt. Der Vorschauhintergrund hat keinen Einfluss auf die Datei.

Kann ich nur den SVG-Code exportieren?

Ja. Öffne „SVG-Code“ und klicke auf „SVG-Code kopieren“. Die heruntergeladene Datei enthält denselben Code.

Warum lässt sich mein Bild nicht umwandeln?

Manche Bilder brauchen zu lange oder erzeugen ein Ergebnis, das für den Export zu komplex ist. Probiere weniger Farben, den Detailgrad „Vereinfacht“ oder stärkeres Entfernen kleiner Formen. Prüfe dabei, ob wichtige Details erhalten bleiben. Auch das Zuschneiden unnötiger Bildbereiche kann helfen.

Kann ich den Text nach dem Umwandeln ändern?

Die Buchstaben werden zu Formen und lassen sich nicht wie normaler Text ändern. Die ursprüngliche Schrift wird nicht erkannt. Wenn du den Wortlaut ändern oder die ursprüngliche Schrift beibehalten möchtest, setze den Text in deiner Design-App neu.

Kann ich die SVG-Datei in Figma, Illustrator oder Inkscape bearbeiten?

Ja. Importiere die heruntergeladene Datei in deine Design-App oder öffne sie über „Weiter bearbeiten“ im Editor dieser Website. Die Formen sind bearbeitbar, die ursprünglichen Ebenen werden aber nicht wiederhergestellt. Gleichfarbige Formen können in einem gemeinsamen Pfad zusammengefasst sein. Um sie einzeln zu bearbeiten, musst du sie gegebenenfalls zuerst trennen.

Kann ich die SVG-Datei mit Cricut oder einem Schneideplotter nutzen?

Du kannst die Datei in deiner Schneidesoftware ausprobieren. Dieses Werkzeug prüft aber nicht, ob ein Motiv zum Schneiden geeignet ist. Beginne mit einem einfachen Motiv und wenigen Farben. Prüfe vor dem Schneiden Größe, Löcher und kleine einzelne Teile. Die nachgezeichneten Konturen müssen eventuell bereinigt werden; sie sind keine einzelnen Zeichenlinien für einen Stift.

Warum ist die SVG-Datei größer als mein PNG?

SVG speichert Anweisungen zum Zeichnen von Formen. Bei detailreichen Bildern kann das mehr Platz brauchen als die komprimierten Pixel eines PNG. Weniger Farben, der Detailgrad „Vereinfacht“ oder stärkeres Entfernen kleiner Formen können die Datei verkleinern. Vergleiche das Ergebnis mit dem PNG und wähle das passendere Format für dein Projekt.

Kann ich JPGs oder mehrere PNGs auf einmal umwandeln?

Diese Seite wandelt jeweils eine PNG-Datei um. JPG, WebP und animierte PNGs werden nicht unterstützt. Mehrere Bilder lassen sich hier nicht auf einmal umwandeln. Speichere andere Formate zuerst als PNG und wandle jedes Bild einzeln um. Pro Datei gelten höchstens 10 MB, 16 Megapixel und 8.192 px je Seite.

Wie verwende ich den SVG-Code auf einer Website?

Klicke auf „SVG-Code kopieren“ und füge den Code in dein HTML ein. Alternativ kannst du die Datei herunterladen und auf deiner Seite als Bild verwenden. Bei React oder einem anderen JSX-Framework musst du möglicherweise SVG-Attributnamen anpassen. Prüfe danach Größe und Darstellung im Browser.