Direkte Antwort
Die clientseitige SVG-zu-PNG-Konvertierung bereinigt Vektor-Markup im Browserspeicher, ermittelt die Abmessungen aus width/height oder der viewBox und rastert Vektorpfade direkt in einen transparenten RGBA-Canvas-Puffer, um verlustfreies PNG ohne Serverübertragung zu erstellen.
So verwenden Sie dieses Tool
SVG-Vektordateien hochladen
Wählen Sie eine oder mehrere SVG-Dateien aus oder ziehen Sie sie per Drag-and-Drop in den Arbeitsbereich.
Transparenz und native Maße prüfen
Der Konverter rendert standardmäßig transparentes PNG mit automatischer Bereinigung bei nativer Breite und Höhe.
Optionale Nachbearbeitung
Optional zuschneiden, skalieren, drehen oder komprimieren, ohne die Seite zu verlassen oder neu hochzuladen.
Exportieren und herunterladen
Laden Sie Ihre konvertierten PNG-Dateien einzeln herunter oder laden Sie den gesamten Batch als ZIP-Archiv herunter.
Clientseitige Vektorbereinigung und Rasterung in nativer Auflösung
Scalable Vector Graphics (SVG) beschreiben Formen durch mathematische Vektoren, XML-Markup und Pfade. Die Konvertierung in PNG erfordert das Parsen und Bereinigen des XML-Baums zur Neutralisierung aktiver Skripte und externer Ressourcen sowie das anschließende Rendern in einen HTML5-Canvas-Puffer. Die Ausgabegröße folgt width/height oder ersatzweise der viewBox; fehlen verwendbare Maße, nutzt der Konverter 512 × 512 Pixel. Das gerasterte Bild wird in eine PNG-Datei mit 32-Bit-RGBA-Farbgenauigkeit und transparentem Hintergrund kodiert.
- Keine Server-Übertragungen: XML-Parsing, Sicherheitsbereinigung und Canvas-Rasterung laufen vollständig im Browserspeicher.
- Sicherheitsbereinigung: Entfernt potenziell schädliche Skripte, Event-Handler und foreignObjects vor dem Rendering.
- Native Maßhaltigkeit: Behält die ursprüngliche viewBox-Geometrie ohne Verzerrungen bei.
- Deterministische Batch-Verarbeitung: Konvertieren Sie bis zu 20 SVG-Dateien gleichzeitig mit kollisionssicheren Dateinamen und ZIP-Download.
Praktische Beispiele
Skalierbares Vektorlogo in transparentes Web-PNG konvertieren
Eingabe: Datei: brand-logo.svg (Vektor-XML, viewBox 0 0 800 600, transparenter Hintergrund, 42 KB)
Ausgabe: Konvertiert: brand-logo-800x600.png (800×600 px, 32-Bit-RGBA transparentes PNG, 96 KB)
Bereinigt und rastert Vektor-Logogeometrie in eine scharfe transparente PNG-Grafik für Webseiten-Header und Präsentationen.
Einschränkungen
- Die Rasterung wandelt auflösungsunabhängige Vektoren in feste Pixelraster um; eine Vergrößerung des PNGs über die nativen Maße hinaus führt zu Verpixelung.
- Animierte SVG-Dateien mit SMIL- oder CSS-Animationen können nicht in statisches PNG konvertiert werden; Animationsverluste werden strikt abgelehnt.
Häufige Fragen
Bleibt die Transparenz bei der Konvertierung von SVG zu PNG erhalten?
Ja. Der Konverter behält standardmäßig den transparenten Hintergrund der Vektorgrafik bei und exportiert ein vollständiges 32-Bit-RGBA-PNG mit Alphakanal.
Können animierte SVG-Dateien in PNG umgewandelt werden?
Nein. Animierte SVG-Dateien mit SMIL- oder CSS-Animationen werden explizit abgewiesen, da bei der Konvertierung zu statischem PNG Bewegungsabläufe verloren gingen.
Werden meine SVG-Dateien oder Vektordaten auf externe Server hochgeladen?
Nein. Alle Parsing-, Bereinigungs-, Rasterungs- und Encodierungsprozesse finden zu 100% lokal in Ihrem Browser statt. Keine Daten verlassen Ihr Gerät.
Maßgebliche Referenzen & Standards
- W3C Scalable Vector Graphics (SVG) 2 Specification ↗ — W3C-Spezifikation (Candidate Recommendation) zu SVG-Dokumentbäumen, Koordinaten und Rasterung.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — Offizieller Standard für PNG-Chunk-Strukturen, verlustfreie Kompression und Alphakanal-Verarbeitung.
- MDN Web Docs: Pixel Manipulation with HTML5 Canvas ↗ — Technische Dokumentation zur direkten ImageData-Extraktion, RGBA-Puffer-Verarbeitung und clientseitigen Darstellung.