PNG zu SVG
Konvertieren Sie PNG in SVG mit einem Online-Vektorisierer
Verfolgen Sie PNG-Logos, Symbole, Illustrationen und Strichzeichnungen in skalierbare SVG-Pfade. Transparente Bereiche bleiben klar, und Sie können zwischen Vollfarb- oder Schwarzweißdurchzeichnung wählen, bevor Sie die Details und die Rauschunterdrückung anpassen.
Standardwerte für neue Dateien werden bearbeitet
Vorschau
Keine Vorschau. Dateien hinzufügen und auswählen, um Ergebnisse zu sehen.
Noch keine Dateien. Dateien oben ablegen oder DATEIEN AUSWÄHLEN klicken.
Was ist PNG?
PNG (Portable Network Graphics) ist ein verlustfreies Rasterformat mit voller Alpha-Transparenz. Ein transparentes PNG ist ideal für Icons, Screenshots, Illustrationen und alle Grafiken, die scharfe Kanten oder einen transparenten Hintergrund benötigen.
Was ist SVG?
SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektor-Bildformat. Anstelle von Pixeln beschreibt eine SVG-Datei Formen, Pfade, Füllungen und Konturen mathematisch und kann daher in jeder Größe ohne Qualitätsverlust gerendert werden.
SVG ist das Standard-Vektorformat für das Web. Es wird von allen modernen Browsern nativ unterstützt und lässt sich mit CSS gestalten oder mit JavaScript beziehungsweise SMIL animieren. Für Logos, Icons und Illustrationen ist es oft kompakt; komplexe SVG-Dateien können jedoch groß werden.
SVG vs. Rasterformate
Vektor-Grafiken (SVG) und Raster-Grafiken (PNG, JPG) lösen unterschiedliche Probleme. Welches Format das richtige ist, hängt vom Verwendungszweck ab.
| Eigenschaft | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Skalierung | Auflösungsunabhängig | Verschwommen beim Vergrößern | Vorgerendert in festen Größen |
| Dateigröße | Klein bei Formen und Icons | Wächst mit der Auflösung | Bündel vorgerenderter Raster |
| Bearbeitung | Als Text oder in Vektor-Tools editierbar | Nur Pixel-Bearbeitung | Größen einzeln bearbeiten und neu packen |
| Animation | CSS, SMIL, JavaScript | Eingeschränkt (animiertes PNG/GIF) | Nicht unterstützt |
| Transparenz | Ja | PNG ja, JPG nein | Ja (PNG-basiert) |
Wann PNG in SVG umwandeln
PNG zu SVG konvertieren, wenn ein Logo, Icon oder eine Illustration sauber in jeder Größe skalieren soll. Das Vektorisieren eines PNGs liefert scharfe Ausgabe in Druckauflösung und auf HiDPI-Displays sowie eine editierbare Datei, die sich umfärben, skalieren und animieren lässt. Beste Ergebnisse bei PNGs mit flachen Farben und sauberen Kanten; komplexe Fotos lassen sich auch tracen, ergeben aber größere SVGs.
PNG zu SVG: Dateigröße und Qualitätsabwägungen
Dateigröße
Die Größe der SVG-Datei hängt von der Anzahl und Komplexität der Pfade ab, nicht nur von den Pixelabmessungen des PNG. Ein flaches Logo oder Symbol wird oft zu einem kompakten SVG, während ein Foto Tausende von Formen und eine Datei erzeugen kann, die größer als die Quelle ist. Weniger Farben, stärkere Rauschunterdrückung und einfachere Pfade verringern normalerweise die Ausgabegröße.
Wann SVG das Original-PNG schlägt
SVG nutzen, wenn das Asset in mehreren Größen erscheinen muss (Favicons, retina-fähige Icons, druckqualitätsstarke Logos), oder wenn es umgefärbt oder animiert werden soll. SVG ist als Text editierbar, also auch die Form, die in ein Design-System einfließt.
Wann das Original-PNG behalten
PNG behalten bei Fotos, Screenshots und anti-aliased UI-Aufnahmen. Pixelgenaues Material erzeugt ein viel größeres SVG als die Quelle, und der Tracer glättet Rauschen, feine Verläufe und scharfes Anti-Aliasing zu klobigeren Farbregionen.
Qualitätsabwägungen
PNG ist verlustfrei: Jedes Pixel ist genau das, was gemalt wurde. Die Vektorisierung ist ungefähr: Der Tracer passt Kurven an Farbbereiche an, sodass sehr dünne Striche, fotografische Farbverläufe und Dithering-Muster geglättet oder vereinfacht werden können. Logos, Symbole und Strichzeichnungen sind in der Regel eng aufeinander abgestimmt. Fotografien wirken eher stilisiert oder posterisiert.
PNG online zu SVG konvertieren
- 1
Dateien ablegen oder DATEIEN AUSWÄHLEN klicken, um sie der Warteschlange hinzuzufügen. Bis zu 40 auf einmal.
- 2
Die Ausgabeoptionen setzen (Größe, DPI, Hintergrund, Qualität oder Detailgrad des Tracings) und die Live-Vorschau aktualisiert sich.
- 3
Auf ALLE SPEICHERN klicken, um das Ergebnis herunterzuladen, oder ein einzelnes ZIP, wenn die Warteschlange mehr als eine Datei enthält.
Datenschutz: Ihre Dateien verlassen den Browser nicht
Die Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript und WebAssembly. Es erfolgt kein Datei-Upload oder eine serverseitige Konvertierung, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.
Die lokale Verarbeitung trägt zum Schutz vertraulicher Logos, interner Dokumente und unveröffentlichter Kundengrafiken bei. Seiten und Konvertierungscode werden zwischengespeichert, während Sie sie verwenden, sodass bereits geöffnete Tools ohne Netzwerkverbindung weiterarbeiten können.
Häufige Fragen
Bleibt beim Vektorisieren eines PNGs die Transparenz erhalten?
Transparente Bereiche können in der SVG-Ausgabe klar bleiben, was PNG zu einer nützlichen Quelle für Logos und Symbole ohne einfarbigen Hintergrund macht. Beim Nachzeichnen handelt es sich immer noch um einen Näherungswert. Überprüfen Sie daher weiche oder halbtransparente Kanten in der Vorschau.
Welche Art von PNG lässt sich am besten vektorisieren?
PNGs mit flachen Farben, sauberen Kanten und begrenzten Paletten (Logos, Icons, Strichzeichnungen, Sticker) werden zu kleinen, sauberen SVGs. Detaillierte Fotos funktionieren auch, ergeben aber größere Dateien. Dafür Rauschreduzierung erhöhen und Farbpräzision senken, damit das SVG handhabbar bleibt.
Soll ich Farb- oder Schwarzweißmodus verwenden?
Farbe für Logos, Illustrationen und alles mit mehreren Füllungen. Schwarzweiß für Strichzeichnungen, eingescannte Zeichnungen, Signaturen oder alles, was als saubere monochrome Silhouette dienen soll. Der S&W-Schwellenwert-Regler steuert die Grenze zwischen Schwarz und Weiß.