PNG zu SVG
PNG zu SVG konvertieren - Rasterbilder vektorisieren
PNG-Bilder in saubere, skalierbare SVG-Pfade umwandeln. Farb- oder klares Schwarzweiß-Tracing mit einstellbarem Detail. Läuft komplett im Browser.
Vorschau
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 jedem modernen Browser nativ unterstützt, kann mit CSS gestylt, mit JavaScript oder SMIL animiert werden und ist in der Regel deutlich kleiner als ein vergleichbares Rasterbild.
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
Ein einfaches PNG-Logo (32×32 bis 512×512) wiegt typischerweise 5–30 KB; die Vektorisierung ergibt meist ein 2–15 KB SVG, das beliebig skaliert. Ein fotografisches PNG (4000×3000 bei 4–8 MB) wird zu einem SVG von etwa 50–300 KB - kleiner als die Quelle, aber mit geglättetem Detail. Je mehr Flachfarben das PNG hat, desto größer der Gewinn.
Wann SVG die richtige Wahl ist
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 entspricht dem gemalten. Vektorisierung ist eine Näherung: Der Tracer passt Kurven an Farbregionen an; sehr dünne Striche, fotografische Verläufe und Dithering werden geglättet oder treppenartig. Bei Logos, Icons und Strichgrafik ist das Ergebnis meist visuell identisch; bei Fotos ist ein stilisierter, posterartiger Look zu erwarten.
PNG online zu SVG konvertieren
- Datei ablegen (oder DATEIEN AUSWÄHLEN klicken), um sie der Warteschlange hinzuzufügen.
- Optionen links anpassen (Format, Größe, Hintergrund, Qualität) und die Vorschau aktualisiert sich live.
- Auf ALLE SPEICHERN klicken, um die konvertierte Datei (oder ein ZIP bei mehreren Dateien) herunterzuladen.
Datenschutz und Sicherheit
Ihre Dateien verlassen Ihren Rechner nicht. Die Konvertierung läuft komplett im Browser über JavaScript und WebAssembly. Kein Upload, kein Server, kein Tracking der Dateiinhalte.
Da nichts hochgeladen wird, eignet sich das Tool für vertrauliche Logos, interne Dokumente und geschützte Grafiken.
Häufige Fragen
Bleibt beim Vektorisieren eines PNGs die Transparenz erhalten?
Ja. Die Transparenz wird beim Tracen erhalten - durchsichtige Bereiche im Quellbild bleiben im SVG durchsichtig, sodass das Vektor-Logo oder -Icon sauber auf jedem Hintergrund liegt.
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ß.