SVG zu PNG Konverter

Konvertieren Sie jede SVG-Datei oder jeden Code in ein scharfes PNG in beliebiger Auflösung. SVG-Code einfügen oder Datei hochladen — PNG sofort herunterladen.

Beliebige AuflösungClient-seitigKein Upload nötig

① SVG-Code einfügen oder Datei ablegen ② Exportgröße festlegen ③ PNG herunterladen

SVG-Datei hier ablegenoder klicken zum Durchsuchen
— oder SVG-Code einfügen —
So funktioniert es

Das SVG wird auf einem HTML-Canvas in Ihrer gewählten Größe gerendert und dann als PNG exportiert. Alles läuft im Browser — keine Dateien werden an Server gesendet.

SVG vs PNG

SVG ist vektorbasiert und skaliert unendlich. PNG ist ein Rasterformat — ideal für Webbilder, Social Cards, App-Icons und Kontexte ohne Vektorsupport.

Auflösungstipps

Für Web 512 oder 1024px. Für App-Icons 1024px. Für Druck multiplizieren Sie cm mit 120 (300 dpi).

SVG zu PNG — wie die Vektor-zu-Raster-Konvertierung funktioniert

SVG ist ein auflösungsunabhängiges XML-Format, ideal für Logos und Icons. PNG ist ein verlustfreies Rasterformat, das überall unterstützt wird. Die Konvertierung erfolgt über ein Canvas-Element HTML5 und die toDataURL()-API — vollständig clientseitig.

Häufig gestellte Fragen

SVG ist ein Vektorformat das ohne Qualitätsverlust skaliert, PNG ein Rasterformat mit festen Pixeln. PNG wird benötigt für Social Media, Plattformen ohne Vektorsupport oder Dokumente die Rasterbilder erfordern.
Das Tool erstellt eine Blob-URL aus dem SVG, lädt sie in ein HTMLImageElement, zeichnet es auf ein HTML5-Canvas und exportiert es als PNG mit toDataURL('image/png'). Alles läuft im Browser.
SVG-Dateien enthalten mathematische Vektoranweisungen und skalieren ohne Pixelierung. PNG speichert Pixeldaten und ist bei nativer Auflösung scharf, verschwimmt aber beim Vergrößern.
Für Web 512–1024px. App-Icons 1024px. Für Retina doppelte Größe. Für Druck bei 300 dpi cm × 118.
Ja. PNG unterstützt Alpha-Transparenz. Wenn das SVG einen transparenten Hintergrund hat, ist das PNG ebenfalls transparent.
SVG aus Figma exportieren, Code einfügen, Größe festlegen, PNG herunterladen. Dann im Favicon-Generator verwenden, um Multi-Size-Favicon-Assets zu erstellen.
Alle vom Browser unterstützten SVG-Funktionen: Verläufe, Filter, Masken, Text und eingebettete Bilder. Komplexe Filter oder externe Schriftarten könnten Probleme bereiten.

Unser Netzwerk entdecken