PNG in SVG umwandeln

Zeichnen Sie ein PNG zu einem echten Vektor nach, den Sie beliebig skalieren können. Kostenlos, ohne Anmeldung, ohne Wasserzeichen — und Ihr Bild verlässt den Browser nie.

  • 100 % im Browser
  • Kein Upload, keine Anmeldung
  • Kein Konto nötig
  • Einstellbare Qualität

Am besten für Logos, Icons und Strichzeichnungen. Fotos lassen sich nachzeichnen, aber es lohnt sich, vorher zu sehen, was dabei passiert. Ansehen, was mit welcher Art Bild passiert

Warum ein PNG in ein SVG umwandeln

Ein PNG ist ein Raster aus Pixeln. Ziehen Sie es über seine native Größe hinaus auf, und Sie sehen genau dieses Raster: Kanten werden weich, dann klotzig, und niemand kann etwas dagegen tun, weil die Details nie in der Datei waren. Ein SVG ist eine Menge mathematisch beschriebener Formen und wird in genau der Größe frisch gezeichnet, in der es gebraucht wird. Stellen Sie es auf eine Plakatwand, und die Kurven sind immer noch Kurven.

Das ist der eigentliche Grund, eines zu wollen. Ein Logo, das als 512 Pixel großes PNG existiert, taugt für eine Website und ist für ein Banner, eine Fahrzeugbeschriftung oder eine Stickmaschine nutzlos. Dasselbe Logo als SVG funktioniert in jeder dieser Größen aus einer einzigen Datei.

Vektoren lassen sich außerdem bearbeiten, wie Pixel es nicht können. Öffnen Sie ein SVG in Figma, Illustrator oder Inkscape, und Sie können eine Form umfärben, eine Ecke verschieben oder ein Element allein herauslösen. Die Farben lassen sich sogar von Hand im Texteditor ändern, denn ein SVG ist Text.

Und bei flächiger Grafik wird die Datei meist kleiner. In unseren Tests ging ein einfaches Logo von 4 KB als PNG auf 2 KB als SVG — halb so groß, bei jeder Auflösung. Das ist der beste Fall, und diese Seite sagt recht genau, wann Sie darin sind.

Upload-ToolsIhr Server?Dieses ToolIhr GerätNichts verlässt Ihr Gerät, keine Kopie zu löschen.
Andere Konverter laden Ihr Bild auf einen Server. Dieser zeichnet es dort nach, wo es schon ist.

Was Nachzeichnen wirklich tut

Nachzeichnen schaut, wo in Ihrem Bild die Farben wechseln, und legt Umrisse entlang dieser Grenzen. Es holt nicht die Formen zurück, die jemand gezeichnet hat — es zeichnet neue, die den Pixeln folgen.

Dieser Unterschied ist das Nützlichste, was man über die Umwandlung von Raster zu Vektor wissen kann, und kein Konverter, den wir uns angesehen haben, erklärt ihn.

Wenn jemand ein Logo entwirft, beginnt es als Formen: ein Kreis, ein Dreieck, ein Buchstabe mit Kontrollpunkten. Der Export nach PNG wirft all das weg und behält ein Raster farbiger Quadrate. Nachzeichnen kann es nicht zurückholen. Was Nachzeichnen tut, ist: um die Kanten dieser farbigen Quadrate herumlaufen und dort einen Pfad entlanglegen — eine neue Form, die zufällig aussieht wie die alte.

Meistens ist das völlig in Ordnung, und bei flächiger Grafik kommt es dem Original sehr nahe. Aber es erklärt alles Weitere auf dieser Seite. Es erklärt, warum das Ergebnis sauber skaliert: Es ist jetzt wirklich ein Pfad. Es erklärt, warum die Pfade nicht die ursprünglichen Formen sind, weshalb ein SVG mit hundert Pfaden kein Vergnügen zu bearbeiten ist. Und es erklärt, warum Fotos schieflaufen: Ein Foto hat keine sauberen Farbgrenzen, denen man folgen könnte, also erfindet der Nachzeichner Tausende davon.

Es erklärt auch ein Ergebnis, das viele überrascht. Nachzeichnen macht eine Datei nicht automatisch kleiner. Ein Pfad kostet Bytes im Verhältnis zur Zahl seiner Punkte. Ein Logo wird zu vier einfachen Pfaden und schrumpft. Ein Screenshot mit Text wird zu hundert Pfaden, die sich an jede weichgezeichnete Buchstabenkante schmiegen, und wächst — in unseren Tests wurde aus einem 4 KB großen Screenshot ein 19 KB großes SVG, das identisch aussah.

Deshalb zeigt dieses Werkzeug Ihnen das Ergebnis und beide Dateigrößen, bevor Sie irgendetwas herunterladen. Die Zahl steht da: 4 KB → 19 KB. Ob das ein guter Tausch ist, hängt davon ab, wofür Sie die Datei brauchen — und das zu beurteilen ist Ihre Sache, nicht unsere, es zu verschweigen.

PixelNachgezeichnetNeuer Umriss
Nachzeichnen folgt der Kante der Pixel. Es legt einen neuen Umriss an — es holt nicht die Form zurück, die jemand gezeichnet hat.

PNG in SVG umwandeln — so geht's

Vier Schritte, alle in diesem Browser-Tab. Zu keinem Zeitpunkt wird etwas hochgeladen.

1

Bild hineinziehen

PNG, JPG oder WebP, bis 20 MB. Wir lesen es lokal und sehen es uns an: wie viele Farben es benutzt, wie viel davon flächig ist, ob es Transparenz hat.

2

Prüfen, wofür wir es halten

Wir schätzen, ob es ein Logo, eine Strichzeichnung oder ein Foto ist, und wählen passende Startwerte. Die Schätzung wird angezeigt und lässt sich mit einem Klick ändern; sie legt nur den Ausgangspunkt fest.

3

Nachzeichnen lassen

Das Nachzeichnen läuft in einem Hintergrund-Thread, damit die Seite bedienbar bleibt, mit einem Fortschrittsbalken, der echte Arbeit anzeigt. Ein großes Foto dauert ein paar Sekunden und lässt sich abbrechen.

4

Vergleichen, dann herunterladen

Das Ergebnis steht neben dem Original, und Sie können beides auf 4× oder 8× zoomen, um zu sehen, wie die Kanten sich gehalten haben. Die Dateigrößen vorher und nachher stehen klar da. Laden Sie herunter, wenn es passt — oder ändern Sie eine Einstellung und zeichnen Sie erneut nach.

Andersherum? Wenn Sie ein SVG haben und ein PNG daraus brauchen, ist das die umgekehrte Aufgabe und deutlich einfacher — der Weg zurück ist verlustfrei.

Was dieser Konverter macht

Er zeichnet PNG-, JPG- und WebP-Bilder in Ihrem Browser zu SVG nach, zeigt Ihnen das Ergebnis, bevor Sie sich festlegen, und verlangt nichts dafür. Kein Konto, keine E-Mail, kein Tageslimit, kein Wasserzeichen und keine Warteschlange. Eines der Werkzeuge, die für diese Suche vorne stehen, deckelt Uploads bei 4 MB; ein anderes lässt kostenlose Nutzer hinter zahlenden warten.

Er sagt Ihnen, was Sie bekommen. Beide Dateigrößen, die Zahl der Formen, die Zahl der Farben und eine Gegenüberstellung, die Sie auf 8× zoomen können. Jeder andere Konverter, den wir gesehen haben, gibt Ihnen einen Download und überlässt Ihnen, es später zu merken.

Die Einstellungen werden erklärt, nicht bloß hingestellt. Ein Mitbewerber bietet neun Nachzeichen-Parameter ohne jeden Hinweis, was einer davon tut; wir bieten drei, jeden mit einem Satz dazu, ob er die Datei größer oder kleiner macht.

Er weiß, worin er schlecht ist. Wenn ein Bild wie ein Foto aussieht, sagt die Seite das, bevor Sie etwas drücken, erklärt, was Nachzeichnen damit anstellt, und verweist auf ein Werkzeug, das vermutlich besser passt. Sie können trotzdem fortfahren — es ist Ihr Bild.

Das Nachzeichnen läuft in einem Hintergrund-Thread, sodass die Seite auch bei einem 12-Megapixel-Foto reagiert und Sie einen langen Durchlauf abbrechen können, statt ihn auszusitzen.

Transparenz bleibt erhalten. Ein Logo mit transparentem Hintergrund kommt mit transparentem Hintergrund heraus und nicht stillschweigend mit einem weißen Rechteck.

Wofür das benutzt wird:

  • Ein Logo für Druck, Beschilderung oder Fahrzeugbeschriftung vergrößern
  • Eine saubere Form nach Figma, Illustrator oder Inkscape bringen
  • Schneideplotter und Lasercutter, die Vektorpfade brauchen
  • Stickerei und Folienschnitt
  • Icons, die auf jeder Bildschirmdichte scharf bleiben müssen
  • Flächige Grafik umfärben, ohne sie neu zu zeichnen
  • Eine eingescannte Skizze in bearbeitbare Strichzeichnung verwandeln

Funktioniert auf jedem Gerät

Es läuft im Browser, es gibt also nichts zu installieren und keinen Unterschied zwischen den Systemen.

§ 01

Windows

Läuft in Chrome, Edge und Firefox. Nichts zu installieren und hinterher nichts zu deinstallieren.

§ 02

Mac

Läuft in Safari, Chrome und Firefox. Das SVG öffnet direkt in der Vorschau, in Figma oder Illustrator.

§ 03

iPhone und iPad

Bild aus Fotos oder Dateien auswählen. Große Bilder dauern auf dem Handy etwas länger, die Seite bleibt aber bedienbar.

§ 04

Android

Funktioniert aus der Galerie oder jedem Dateimanager. Das Nachzeichnen läuft auf Ihrem Gerät, nicht auf einem Server.

§ 05

Linux

Läuft in Firefox und Chromium. Das Ergebnis öffnet direkt in Inkscape.

§ 06

Chromebook

Läuft lokal im Browser, und das ist auf einem Chromebook ohnehin der einzige Ort, an dem etwas läuft.

Funktioniert das mit Ihrem Bild?

Das ist die Frage, an der hängt, ob sich Nachzeichnen überhaupt lohnt, und niemand beantwortet sie. Also haben wir gemessen: jede Art Bild nachgezeichnet, das SVG zurück in ein Rasterbild gerendert und Pixel für Pixel mit dem Original verglichen. Das sind die Ergebnisse, keine Schätzungen.

verändert · GrößeLogo0,6 % · 0,5×Strichzeichnung3,2 % · 1,2×Foto25,6 % · 1,0×
Gemessen, indem jede Art nachgezeichnet, zurück in ein Rasterbild gerendert und mit dem Original verglichen wurde.
Art des BildesSichtbar veränderte PixelDateigrößeLohnt sich?
Logo oder Icon — flächige Farben, harte Kanten0,6 %Halb so großJa, eindeutig
Strichzeichnung — schwarze Striche auf Weiß3,2 %Etwas größerMeistens
Screenshot mit Text0,9 %4,5× größerSieht richtig aus, kostet viel
Fotografie25,6 %Kein bisschen kleinerSelten

Warum ein Foto der eine Fall ohne gute Antwort ist

Sehen Sie sich die Zeile mit der Fotografie noch einmal an: Ein Viertel der Pixel kam sichtbar anders heraus, und die Datei wurde überhaupt nicht kleiner. Das ist die Standardeinstellung. Sie können in beide Richtungen nachjustieren, und in beiden wird es schlechter. Verlangen Sie weniger Farben, halbiert sich die Datei — aber jetzt sind 44 % der Pixel falsch. Gehen Sie weiter, bis auf zwei Farben, bekommen Sie ein Fünftel der Originalgröße mit 86 % veränderten Pixeln, und das ist nicht mehr Ihr Foto, sondern eine Schablone davon. Es gibt keine Einstellung, bei der eine Fotografie zugleich originalgetreu und kleiner herauskommt. Qualität und Größe ziehen gegeneinander, und keine von beiden gewinnt. Wollen Sie ein kleineres Foto, macht ein effizientes Rasterformat das richtig. Wollen Sie ein Foto, das Sie skalieren können, kann Ihnen hier nichts eines geben — die Details sind in einem Rasterbild schlicht nicht vorhanden.

PNG 4 KBSVG 19 KB
Ein Screenshot, nachgezeichnet zu einem SVG, das identisch aussah — und viereinhalbmal so viel Platz brauchte.

Wie Sie ein nachgezeichnetes SVG beurteilen, bei jedem Werkzeug

Öffnen Sie es und zoomen Sie auf 400 %. Flächige Grafik bleibt knackig, weil die Kanten jetzt wirklich Kurven sind. Sehen Sie stattdessen ein Mosaik flacher Flecken, das dem Original nur in klein ähnelte, hat das Nachzeichnen etwas angenähert, dem es nicht folgen konnte — und das kann kein Konverter beheben, weil das Problem am Bild liegt, nicht an der Software. Vergleichen Sie dann die Dateigröße mit dem Original. Ist sie um ein Vielfaches gewachsen und Sie wollten eigentlich nur eine kleinere Datei, hat die Umwandlung gegen Sie gearbeitet.

Ihr Bild verlässt Ihren Browser nie

Das Nachzeichnen passiert auf Ihrem eigenen Gerät. Ihr Bild wird lokal gelesen, in einem Hintergrund-Thread in diesem Tab nachgezeichnet und Ihnen zurückgegeben. Es wird nie hochgeladen, also gibt es keine Serverkopie, die nach acht oder vierundzwanzig Stunden gelöscht werden müsste — solche Löschversprechen existieren nur, weil die Datei überhaupt erst genommen wurde.

Die vier bestplatzierten Konverter für diese Suche arbeiten alle andersherum: Ihr Bild geht auf deren Server, wird dort verarbeitet und nach deren Zeitplan gelöscht. Bei einem Logo, an dem Sie noch arbeiten, oder bei Kundengrafik unter Geheimhaltung ist das eine Entscheidung, die Sie vielleicht lieber nicht nebenbei treffen.

Während Sie arbeiten, wird auch nichts aus dem Netz nachgeladen. Der Code zum Nachzeichnen gehört zu dieser Seite und wird einmal geladen, wenn Sie zum ersten Mal etwas umwandeln.

§ 01

Kein Upload

Das Bild wird auf Ihrem Gerät nachgezeichnet.

§ 02

Kein Konto

Keine Anmeldung, keine E-Mail, kein Tageslimit.

§ 03

Kein Wasserzeichen

Das SVG gehört Ihnen, unmarkiert.

§ 04

Keine gespeicherte Kopie

Nichts aufzubewahren, weil nichts ankommt.

Häufig gestellte Fragen

Ist dieser PNG-zu-SVG-Konverter kostenlos?
Ja, ohne Vorbehalt. Kein Konto, keine E-Mail, kein Tageslimit, kein Wasserzeichen und keine Warteschlange. Das ist erwähnenswert, weil es bei dieser Suche nicht die Regel ist: Ein bekanntes Werkzeug begrenzt Sie auf 4 MB pro Datei, ein anderes lässt kostenlose Nutzer bei größeren Aufgaben hinter zahlenden warten.
Muss ich mein Bild hochladen?
Nein. Ihr Bild wird auf Ihrem eigenen Gerät gelesen und nachgezeichnet, in diesem Browser-Tab. Es wird nie irgendwohin geschickt, es wird also nichts auf einem Server gespeichert, und es gibt keine Aufbewahrungsfrist, über die Sie nachdenken müssten.
Wird mein Foto gut umgewandelt?
Meistens nicht, und das sagen wir lieber gleich. Wir haben es gemessen: Eine Fotografie in der Standardeinstellung nachzuzeichnen lässt etwa ein Viertel der Pixel sichtbar anders aussehen als im Original — und die Datei wird kein bisschen kleiner. Weniger Farben schrumpfen die Datei, treiben den Fehler aber über 40 %. Es gibt keine Einstellung, bei der ein Foto zugleich originalgetreu und kleiner herauskommt: Ein Foto hat keine sauberen Farbgrenzen, denen ein Nachzeichner folgen könnte. Sie können es trotzdem tun, wenn Sie ein stilisiertes, plakatartiges Ergebnis wollen — das ist ein völlig legitimer Wunsch.
Warum ist mein SVG größer als das PNG?
Weil eine Vektordatei Bytes pro Punkt kostet, nicht pro Pixel. Hat Ihr Bild viele feine oder weiche Kanten — ein Screenshot mit Text, ein Foto, alles Weichgezeichnete —, legt der Nachzeichner sehr viele kleine Pfade an, um ihnen zu folgen, und das summiert sich. In unseren Tests wurde aus einem 4 KB großen Screenshot ein 19 KB großes SVG, das identisch aussah. Ein flächiges Logo geht den anderen Weg und halbiert sich. Deshalb werden beide Größen vor dem Download angezeigt.
Macht das aus meinem PNG wieder ein bearbeitbares Design?
Nicht so, wie man es sich meist erhofft. Nachzeichnen legt neue Umrisse entlang der Farbgrenzen in Ihrem Bild; es holt keine Ebenen, keinen echten Text und keine der ursprünglich gezeichneten Formen zurück. Sie bekommen echte Vektorpfade, die sauber skalieren und sich umfärben lassen, aber ein nachgezeichnetes Logo ist eine Menge Umrisse, kein rekonstruiertes Logo. Wenn der Text im Bild wichtig ist: Er kommt als Formen heraus und bleibt nicht als Text bearbeitbar.
Welche Art Bild eignet sich am besten?
Flächige Grafik mit klaren Kanten: Logos, Icons, Symbole, einfache Illustrationen und schwarz-weiße Strichzeichnungen. Genau dafür wurden Vektorformate gemacht, sie werden fast exakt nachgezeichnet und sind am Ende meist kleiner als das Original. Je mehr Ihr Bild nach gezeichnet und weniger nach fotografiert aussieht, desto besser läuft das hier.
Kann ich das SVG danach in Figma oder Illustrator bearbeiten?
Ja — die Ausgabe ist ein normales SVG mit einfachen Pfaden und öffnet in Figma, Illustrator, Inkscape, Sketch und allem anderen, was das Format liest. Wie angenehm sich das bearbeiten lässt, hängt von der Zahl der Formen ab, die wir zum Ergebnis anzeigen: eine Handvoll Pfade ist bequem, ein paar hundert nicht. Diese Zahl steht auch deshalb da.
Bleibt Transparenz erhalten?
Ja. Ein PNG mit transparentem Hintergrund kommt als SVG mit transparentem Hintergrund heraus. Es gibt außerdem eine Einstellung, den Hintergrund als gefüllte Form zu behalten, falls Sie das lieber möchten — für Logos ist sie aus, für Fotos an.
Kann ich auch ein JPG oder WebP umwandeln?
Ja. Das Werkzeug nimmt PNG, JPG und WebP und behandelt sie nach dem Dekodieren gleich. Denken Sie daran, dass JPG das Format ist, in dem Fotos üblicherweise ankommen — und Fotos sind der Fall, der schlecht nachgezeichnet wird. Nicht das Format ist das Problem, sondern der Inhalt.
Warum dauert es ein paar Sekunden?
Weil die Arbeit auf Ihrem Gerät passiert und nicht auf einem Server. Die Dauer wächst mit der Zahl der Pixel: Ein kleines Logo ist praktisch sofort fertig, ein 6-Megapixel-Foto braucht ein paar Sekunden, ein 12-Megapixel-Foto länger. Es läuft in einem Hintergrund-Thread, damit die Seite bedienbar bleibt, und Sie können einen langen Durchlauf abbrechen, statt ihn abzuwarten.
Gibt es eine Größenbeschränkung?
20 MB pro Bild, weit mehr, als ein Logo je braucht, und für die meisten Fotos ebenfalls genug. Wie viele Bilder Sie umwandeln, ist nicht begrenzt, und ein Tageslimit gibt es nicht.
Wie mache ich aus einem SVG wieder ein PNG?
Das ist die umgekehrte Aufgabe und viel einfacher — der Weg von Vektor zu Pixeln ist exakt, weil Sie die Größe wählen, statt weggeworfene Details zu erraten. Auf der Seite gibt es das noch nicht; fürs Erste macht jeder Browser das, indem Sie das SVG öffnen und in der gewünschten Größe ein Bildschirmfoto machen.

Zeichnen Sie Ihr Bild zu einem Vektor nach

Ergebnis und echte Dateigröße sehen, bevor Sie herunterladen. Kostenlos, unbegrenzt, und es verlässt Ihren Browser nie.

PNG in SVG umwandeln