🔁 SVG-zu-PNG-Konverter ☆

SVG in PNG, JPG oder WebP umwandeln

Kostenloser SVG-zu-PNG-Konverter rastert SVG-Markup oder Dateien in PNG, JPG oder WebP in jeder gewünschten Größe. Das SVG wird zuerst bereinigt und dann auf einem Canvas im Browser gerendert, scharfe Kanten, Transparenz-Support, kein Upload.

So konvertieren Sie

• SVG-Code einfügen oder .svg-Datei oben ablegen
• PNG, JPG oder WebP und die Ausgabegröße wählen
• Das Rasterbild herunterladen

Gut zu wissen

• PNG und WebP behalten Transparenz; JPG füllt mit Weiß
• Beim Vergrößern wird in Zielgröße gerendert statt eine kleine Bitmap zu verpixeln
• Externe Schriften oder Bilder im SVG werden eventuell nicht gerendert

So funktioniert die SVG-Rasterisierung

Das SVG wird bereinigt, als Bild geladen und in exakter Ausgabegröße auf ein Canvas gezeichnet, dann zu PNG, JPG oder WebP kodiert. Da der Vektor in Zielauflösung gerendert wird statt aus einer Bitmap skaliert, bleiben große Exporte scharf. Transparenz bleibt in PNG und WebP erhalten; JPG füllt den Hintergrund weiß, da ihm kein Alpha-Kanal zur Verfügung steht.

Spezifikationen und Kompatibilität

Datenschutz: Assets bleiben lokal

Logos und Iconsets sind oft unveröffentlichte Markenassets: Die Konvertierung läuft im Browser. Weder Übertragung noch Speicherung, und die Seite läuft offline weiter.

Saubere Raster-Ausgabe

• In finaler Anzeigegröße rendern, oder doppelt für Retina-Displays.
• PNG, wenn Transparenz oder klare Kanten zählen; JPG für Fotos in SVGs.
• Text im Quell-SVG in Pfade wandeln, wenn Schriften fehlen.
• Vernünftige Pixelgröße wählen, 4000 px ist selten nötig.
• Dünne Linien in der Zielgröße prüfen.

Mehr: alle Bildwerkzeuge zum Komprimieren, Skalieren, Konvertieren oder Zuschneiden.

SVG richtig rastern: Skalierung, Transparenz und DPI

SVG ist auflösungsunabhängig, die Qualität des PNG hängt also ganz von der gewählten Skalierung ab. Ein 100×100-SVG ergibt bei 1× ein 100-Pixel-Bild, bei 4× 400 Pixel mit scharfen Kanten. Für Web exportieren Sie in der CSS-Größe, die das Bild einnimmt, verdoppelt für Retina-Displays. Für Druck peilen Sie mindestens 300 DPI bei der endgültigen physischen Größe an: Ein 5-cm-Logo braucht rund 590 Pixel Breite. Transparenz bleibt standardmäßig erhalten, da PNG einen Alphakanal unterstützt; hat die Grafik ein Hintergrundrechteck, entfernen Sie es im SVG, sonst zeigt das exportierte PNG es. Text ist die häufigste Überraschung: Hängt das SVG von einer nicht installierten Schrift ab, ersetzt der Rasterizer sie, wandeln Sie Text also in Pfade um, wenn die genaue Schriftart zählt. Filter, Weichzeichner und Schnittpfade werden meist gerendert, exotische Funktionen wie reine CSS-Effekte können jedoch ignoriert werden. Die viewBox bestimmt, welcher Teil der Zeichenfläche erfasst wird: Ein Inhalt außerhalb der viewBox wirkt beschnitten, obwohl nichts fehlt. Vergleichen Sie zuletzt die Größen: Ein PNG in 4× kann mehrere Megabyte belegen, ein optimiertes SVG wenige Kilobyte, nutzen Sie PNG nur, wenn wirklich ein Bitmap nötig ist.