PNG in SVG umwandeln: Logos & Icons vektorisieren

PNG-Logos, Icons und Strichgrafik im Browser in bearbeitbare SVG-Pfade tracen. Kostenlos, kein Upload, kein Wasserzeichen. Ehrlich zu den Grenzen der Vektorisierung.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

Datei hierher ziehen

oder

Wie es funktioniert

Ein Logo, das nur noch als flachgerechnetes PNG existiert, sorgt immer wieder für Ärger: Das Marketing braucht es gestochen scharf auf dem Plakat, das Entwicklungsteam als Favicon und für die Präsentation soll es auf einem Retina-Display in vierfacher Größe sitzen, doch jede Skalierung wird entweder unscharf oder verpixelt. SVG löst das, weil es Formen als Mathematik speichert statt als Pixel und so in jeder Größe scharf bleibt. Das Problem: Ein PNG enthält überhaupt keine Formen, nur ein Raster farbiger Punkte. Es gibt darin nichts, was man herausziehen könnte. Dieses Tool stellt deshalb kein ursprüngliches Vektorbild wieder her. Es tract ein neues. Die Bitmap wird zu Pixeln dekodiert, auf eine Palette von etwa 16 Farben reduziert, und die Grenzen zwischen diesen Farbbereichen werden mit Vektorpfaden und Kurven nachgezeichnet (mit imagetracerjs, hier auf flächige Grafik statt auf Fotorauschen abgestimmt). Das Ergebnis ist eine frische Annäherung aus Polygonen. Bei einem zweifarbigen Logo oder einem sauberen Icon ist das Ergebnis kaum vom Original zu unterscheiden und danach voll bearbeitbar. Bei Fotos scheitert derselbe Ansatz. Ein Foto hat Tausende nahezu identische Tonwerte und keine harten Kanten, also presst der Tracer es entweder in klotzige Farbzonen oder erzeugt Zehntausende winziger Pfade und liefert ein SVG, das größer und hässlicher ist als das PNG, mit dem Sie gestartet sind. Logos, Icons, Strichgrafik, Schablonen und einfarbige UI-Screenshots sind der ideale Anwendungsfall. Alles passiert in Ihrem Browser. Das PNG wird lokal gelesen, lokal getract, und das SVG bekommen Sie direkt zurück. Kein Upload, kein Wasserzeichen, keine Bezahlschranke für das Ergebnis.

Verwandte Konvertierungs-Tools

Entdecken Sie weitere leistungsstarke Konverter, die für Ihren Workflow nützlich sein könnten

PNG optimieren: verlustfrei komprimieren, gleiche Pixel

PNG-Dateien verlustfrei mit oxipng verkleinern. Gleiche Pixel, weniger Bytes durch bessere Filter und DEFLATE. Läuft im Browser, kein Upload, kein Qualitätsverlust.

PNG in AVIF umwandeln - verlustfrei, mit Transparenz

PNG verlustfrei in AVIF umwandeln, direkt im Browser. Die Intra-Codierung von AV1 verkleinert die Datei und behält jeden Pixel samt voller Transparenz. Kein Upload, alles läuft lokal.

PNG in Base64 umwandeln: PNG als Data-URI kodieren

PNG direkt im Browser in eine Base64-Data-URI kodieren. Fügen Sie sie in HTML, CSS oder JS ein, um kleine Icons inline einzubetten. Kein Upload, Kopieren per Klick, verlustfrei.

PDF in PNG umwandeln: Jede Seite als scharfes PNG-Bild

Jede Seite eines PDFs im Browser als hochauflösendes PNG rendern. Ein PNG pro Seite, ZIP bei mehreren Seiten, nichts wird hochgeladen. Kostenlos und privat.

PDF in JPG umwandeln: ein JPEG pro Seite, im Browser

Jede PDF-Seite wird direkt im Browser als einzelnes JPG gerendert. Seiten werden auf Weiß gelegt, als JPEG kodiert, mehrseitige Dateien kommen als ZIP. Ohne Upload.

PNG in WebP umwandeln: kleinere Dateien mit Transparenz

PNG direkt im Browser in WebP umwandeln. Verkleinert die Datei und behält die Transparenz. Kein Upload, die Dateien bleiben auf deinem Gerät. Läuft in jedem modernen Browser.

Funktionen

  • Keine Datei-Uploads erforderlich
  • 100% datenschutzorientiert
  • Browser-basiert
  • Schnelle Verarbeitung
  • Für immer kostenlos

Unterstützte Formate

.png .jpg .jpeg

Ausgabe: SVG

Technische Spezifikationen

input Format PNG-Raster-Bitmap (JPG/JPEG ebenfalls akzeptiert)
output Format SVG (Scalable Vector Graphics, echte Pfade)
compression Type Verlustbehaftete Vektorisierung: Farbquantisierung, Kantenverfolgung und Kurvenanpassung
quality Retention Hoch bei flächigen Logos und Icons; schlecht bei Fotos und Verläufen
color Space Support RGB/RGBA-Eingabe, beim Tracen auf ca. 16 quantisierte Farben reduziert
max Resolution Nur durch den Speicher Ihres Geräts begrenzt
processing Time Sofort, läuft in Ihrem Browser

Hauptvorteile

  • Echtes Pfad-Tracing, keine in einen SVG-Container verpackte Bitmap
  • Getracte Ausgabe skaliert in jede Größe ohne Pixelbildung oder Unschärfe
  • Kein Wasserzeichen und keine Download-Bezahlschranke für das fertige SVG
  • Läuft vollständig im Browser, Logos und Mockups verlassen Ihr Gerät nie
  • Ausgabe öffnet sauber in Illustrator, Inkscape, Figma und Affinity zur Bearbeitung
  • Palette auf ca. 16 Farben abgestimmt für gestochen scharfe Logos und Icons

Häufige Anwendungsfälle

  • Ein skalierbares Logo neu aufbauen, wenn nur noch ein flaches PNG existiert
  • Gestochen scharfe Icons vorbereiten, die jede Pixeldichte aushalten
  • Strichzeichnungen, Schablonen und Monogramme vektorisieren
  • Schnittdateien für Cricut- oder Silhouette-Maschinen erzeugen
  • Einen einfarbigen UI-Screenshot in bearbeitbare Formen verwandeln
  • Leichte, skalierbare Grafiken für Web-Header und SVG-Sprites erstellen

Profi-Tipps

  • Füttern Sie es mit flächiger, kontrastreicher Grafik mit wenigen Farben für das sauberste Tracing
  • Lassen Sie Fotos weg; sie blähen sich zu riesigen, chaotischen SVGs auf
  • Schneiden Sie den Hintergrund vorher zu oder entfernen ihn, damit der Tracer Störendes ignoriert
  • Starten Sie mit dem höchstaufgelösten PNG, das Sie haben, für schärfere Kantenerkennung
  • Öffnen Sie das Ergebnis in einem Vektoreditor, um verirrte Fragmente zu löschen und Pfade aufzuräumen
  • Verschwindet eine dünne Linie beim Tracen, verdicken Sie sie im Ausgangs-PNG und tracen erneut

Häufig gestellte Fragen

Nein, und das kann kein Tool. Ein PNG besteht nur aus Pixeln, die ursprünglichen Pfade, Schriften und Ebenen sind also unwiederbringlich weg. Dieser Konverter tract die Pixel zu brandneuen Vektorformen, die das Gesehene annähern. Das Ergebnis sieht aus wie Ihr Bild und skaliert unendlich, ist aber eine Rekonstruktion, nicht die Originaldatei. Wenn Sie noch die originale .ai-, .svg- oder .eps-Datei haben, nutzen Sie lieber diese.
Beim Tracen wird das Bild auf eine kleine Palette reduziert und jeder Farbbereich umrandet. Fotos haben fließende Verläufe und keine klaren Kanten, deshalb fasst der Tracer sie entweder zu klotzigen Zonen zusammen oder erzeugt Tausende mikroskopisch kleiner Pfade. So oder so erhalten Sie eine aufgeblähte Datei mit schlechter Qualität. Behalten Sie Fotos als PNG, JPG oder WebP und vektorisieren Sie nur flächige Grafiken.
Alles mit einer Handvoll Volltonfarben und klaren Kanten: Logos, App-Icons, Strichzeichnungen, Schablonen, Monogramme, einfache Illustrationen und einfarbige UI-Screenshots. Je weniger verschiedene Farben und je höher der Kontrast, desto näher kommt das Tracing an Ihr Original und desto kleiner wird die Datei.
Ja. Die Ausgabe ist ein normales SVG aus echten Pfaden, das Sie in Illustrator, Inkscape, Figma oder Affinity Designer öffnen können, um Formen umzufärben, zackige Kanten zu glätten, verirrte Fragmente zu löschen oder Pfade zu verbinden. Ein Trace liefert selten perfekte Geometrie, eine kurze Nachbearbeitung ist also normal und bei einfacher Grafik schnell erledigt.
Nein. Vektorisierung ist von Natur aus eine verlustbehaftete Annäherung. Das Bild wird auf rund 16 Farben quantisiert und die Kanten werden mit Kurven neu angepasst, sodass feine Details, kantengeglättete Pixel und feine Schattierungen vereinfacht oder verworfen werden. Bei einem flächigen Logo ist der Verlust kaum sichtbar, bei detailreicher Grafik erheblich. Das ist etwas anderes als ein verlustfreier Containerwechsel wie PNG zu WebP-verlustfrei.
Größtenteils. Vollständig transparente Bereiche des PNG werden nicht zu Formen getract, der Hintergrund bleibt im SVG also leer. Weiche, halbtransparente Kanten (Kantenglättung) werden bei der Quantisierung vereinfacht und bekommen eventuell einen dünnen Saum. Für den saubersten Freisteller starten Sie mit einem PNG mit hartkantigem transparentem Hintergrund oder entfernen den Hintergrund vor dem Tracen.
Kein Upload und kein Wasserzeichen. Das PNG wird vollständig mit JavaScript in Ihrem Browser dekodiert und getract, und das SVG in voller Qualität entsteht auf Ihrem eigenen Rechner, ohne dass etwas irgendwohin geschickt wird. Da keine Serverkosten anfallen, gibt es auch keine Bezahlschranke und keine Anmeldung, was es sicher für unveröffentlichte Logos und Kunden-Branding macht.
Ja. Vektorisierte SVGs sind ein gängiger Weg, um Schnittdateien aus Rastergrafik vorzubereiten, denn Schneideplotter brauchen echte Pfade als Vorlage. Verwenden Sie ein einfaches, kontrastreiches Bild, prüfen Sie die getracten Pfade dann in Design Space oder Silhouette Studio und löschen Sie winzige verirrte Formen, bevor Sie sie an die Maschine senden.