PNG kostenlos in SVG umwandeln
PNG ist die beste Rastervorlage für eine Vektorgrafik: Die Kanten sind verlustfrei, und der Hintergrund ist oft schon transparent. Laden Sie die PNG-Datei hoch, legen Sie fest, wie viele Farben erhalten bleiben sollen, und laden Sie eine SVG-Datei herunter, deren Formen Sie beliebig skalieren und bearbeiten können.
Bild in SVG
oder JPG, JPEG, JFIF …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Höher behält kleine Flecken und feine Strukturen; niedriger verwirft Formen unter wenigen Pixeln und bereinigt Rauschen.
Höher rundet gezackte Kanten bei niedrig aufgelösten oder JPG-Vorlagen ab; niedriger behält scharfe Ecken.
Glatte Kurven für die meisten Bilder, gerade Segmente für geometrische Logos, Pixelkanten, damit Pixelart blockig bleibt.
Nur für PDF-Eingabe: welche Seiten umgewandelt werden, z. B. 1 oder 1-3, 5. Jede Seite wird eine eigene Datei.
So verwenden Sie dieses Tool
- 1
PNG hochladen
Ziehen Sie ein PNG-Logo, -Icon, -Sticker oder eine Zeichnung hinein, oder bis zu 20 Dateien auf einmal. Größere Exporte lassen sich besser nachzeichnen; ein PNG mit 1000 px Breite schlägt ein Favicon mit 64 px.
- 2
Vektorisierungsmodus wählen
Lassen Sie den Farbmodus für ein typisches Logo auf Farbe mit 8 Farben, wechseln Sie für Strichzeichnungen zu Schwarzweiß oder stellen Sie die Anzahl der Farben auf die exakte Zahl in Ihrem Design.
- 3
SVG herunterladen
Klicken Sie auf Vektorisieren in SVG →. Öffnen Sie die Datei und zoomen Sie an eine Rundung. Wirken die Kanten treppenartig, erhöhen Sie unter Erweiterte Einstellungen die Glättung und starten Sie erneut.
Warum sich PNG am besten für die Umwandlung in SVG eignet
PNG entstand 1995 als patentfreier Ersatz für GIF und wurde im Oktober 1996 zur W3C-Empfehlung. Die Kompression ist verlustfrei: Eine rote Kante neben einer weißen bleibt genau das, ohne Wellen oder Blöcke. Für einen Nachzeichner ist das die ideale Vorlage, denn die Grenze zwischen zwei Farben liegt genau dort, wo die Pixel sie zeigen, sodass die angepasste Kurve dem Originaldesign folgt.
PNG kann außerdem einen Alphakanal enthalten, einen eigenen Deckkraftwert für jedes Pixel. Aus Figma, Canva oder Photoshop exportierte Logos und Icons nutzen ihn meist, und er dient als fertige Maske: Alles Transparente ist Hintergrund, alles Deckende ist Grafik. Ein JPEG desselben Logos hat ein weißes Kästchen eingebrannt, weshalb JPEG in SVG stärkere Glättung und oft Hintergrund entfernen braucht.
Weil die Vorlage sauber ist, verwendet diese Seite Detailgrad 70 und Glättung 40 und behält kleine Ecken und Serifen, die JPEG-Seiten glätten. Unsere Anleitung PNG in SVG erklärt sie mit Beispielen.
Vektorisieren in Farbe, Graustufen oder Schwarzweiß
Farbe
Jede Farbgruppe wird zu einer eigenen Ebene aus gefüllten Pfaden.
- 2–64 Farben
- Behält Markenfarben
- Gestapelte Formen, leicht umzufärben
Graustufen
Wie der Farbmodus, aber die Gruppen sind Grautöne.
- 2–64 Graustufen
- Keine Farbstiche
- Gut für Bleistift und Kohle
Schwarzweiß
Ein Schnitt: Jedes Pixel ist entweder Tinte oder nichts.
- Schwellenwert 1–254
- Kleinste Datei
- Ein einziger Pfadsatz
Schwellenwert für Strichzeichnungen beim Umwandeln von PNG in SVG
- 60
Nur die dunkelste Tinte bleibt
- 128
Standardtrennung bei Mittelgrau
- 170
Behält schwache oder kantengeglättete Striche
- 220
Hellgrau wird schwarz; Kanten werden dicker
PNG
Portable Network Graphics
PNG ist ein verlustfreies Rasterformat, das die PNG Development Group 1996 veröffentlicht hat und das später von W3C und ISO standardisiert wurde. Es bewahrt jedes Pixel exakt, unterstützt volle Alpha-Transparenz und gibt Text, scharfe Kanten und einfarbige Flächen ohne Artefakte wieder. Diese Präzision macht es ideal für Screenshots, Logos, Icons und Oberflächengrafiken. Der Nachteil ist die Größe: Als PNG gespeicherte Fotos sind oft um ein Vielfaches größer als dasselbe Foto als JPEG oder WebP. Alle Browser, Betriebssysteme und Editoren öffnen PNG-Dateien.
- Komprimierung
- Verlustfrei
- Transparenz
- Ja
- Animation
- Nein
- Eingeführt
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG ist ein XML-basiertes Vektorformat, das das W3C 2001 standardisiert hat. Statt Pixeln beschreibt es Formen, Pfade und Text, bleibt daher in jeder Größe scharf und ist bei Logos und Icons meist winzig. Es unterstützt Transparenz, CSS-Formatierung, Skripte und Animation, und jeder Browser stellt es nativ dar. Für Fotos ist SVG ungeeignet, und komplexe Illustrationen können langsam rendern. Illustrator, Inkscape, Figma und Browser können es öffnen und bearbeiten.
- Komprimierung
- –
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 2001 · W3C
Ein PNG hat bereits harte Kanten und oft einen transparenten Hintergrund. Deshalb zeichnet man es zu SVG nach, um ein Logo oder Icon zu erhalten, das für Druck, Schneideplotter und responsive Websites skaliert; SVG in PNG geht den umgekehrten Weg und rendert eine Vektorgrafik in Pixel für Apps, die kein SVG lesen können.
PNG vor dem Vektorisieren vorbereiten
Groß exportieren
Speichern Sie das PNG in der zwei- bis dreifachen Anzeigegröße. Kurven werden an Pixelkanten angepasst, mehr Pixel bedeuten also genauere Kurven.
Effekte reduzieren
Schlagschatten, Leuchteffekte und Verläufe werden jeweils zu Dutzenden dünner Streifen. Blenden Sie sie vor dem Export aus und fügen Sie sie bei Bedarf im SVG wieder hinzu.
Farben zählen
Notieren Sie, wie viele einfarbige Flächen das Design nutzt, und geben Sie diese Zahl ein. Für CNC- oder Laserarbeiten zeichnet PNG in DXF dieselbe Datei in ein CAD-Format nach.
PNG in SVG umwandeln: häufige Fragen
Kann ich PNG kostenlos und ohne Konto in SVG umwandeln?
Ja. Hochladen, Nachzeichnen und Herunterladen funktionieren ohne Konto, mit bis zu 20 Dateien pro Stapel. Hochgeladene PNGs und die fertigen SVGs werden nach 30 Minuten vom Server gelöscht.
Was passiert mit den transparenten Bereichen meiner PNG-Datei?
Der Alphakanal des PNG teilt dem Nachzeichner mit, welche Pixel zur Grafik gehören. Vollständig transparente Bereiche bleiben daher leer und werden nicht zu einer weißen Fläche. Hintergrund entfernen brauchen Sie meist nicht; aktivieren Sie es nur, wenn im PNG ein einfarbiger weißer oder farbiger Hintergrund eingebrannt ist.
Warum hat mein vektorisiertes PNG-Icon eine feine Kontur um jede Form?
Glatte PNG-Kanten sind kantengeglättet: Die äußersten Pixel sind halbtransparent oder eine Mischung aus zwei Farben. Der Nachzeichner kann diese Mischung als zusätzliche dünne Farbe lesen. Verringern Sie die Anzahl der Farben um ein oder zwei oder erhöhen Sie die Glättung, dann verschmilzt der Saum mit der Form.
Wie schneidet das im Vergleich zu Illustrator Bildnachzeichner oder Inkscape „Bitmap nachzeichnen“ ab?
Das Prinzip ist dasselbe: Farben reduzieren, Kanten finden, Kurven anpassen. Illustrator bringt Vorgaben wie „Schwarzweiß-Logo“ und „16 Farben“ mit, Inkscape bietet Helligkeitsgrenze und mehrfarbige Scans. Hier entsprechen dem Farbmodus, Anzahl der Farben und Schwellenwert, ganz ohne Installation.
Wird der Text in meiner PNG-Datei in der SVG zu bearbeitbarem Text?
Nein. Buchstaben werden als umrissene Formen nachgezeichnet. So bleibt ihr Aussehen erhalten, aber nicht die Möglichkeit, sie neu zu tippen. Für ein Logo passt das; bei einem Screenshot voller Text ist Abtippen schneller.
Meine PNG-Datei hat genau fünf Farben. Kann die SVG sie exakt beibehalten?
Stellen Sie die Anzahl der Farben auf 5. Der Nachzeichner ordnet dann jedes Pixel fünf Gruppen zu, und bei einem PNG mit Flächenfarben entsprechen diese Gruppen den Originalfarben.
