Was ist SVG-zu-PNG-Konverter?

Wandelt vektorbasierte SVG-Dateien in PNG, JPEG oder WebP in jeder Auflösung um. Größe, Format und Hintergrund wählen, dann das Bild herunterladen.

Eine oder gleich mehrere .svg-Dateien ablegen, sofort eine Vorschau sehen und die Maße wählen, die du wirklich brauchst. Die Seitenverhältnis-Sperre hält die Form intakt; der Hintergrund ist transparent oder eine flache Farbe. Exportiere als PNG (verlustfrei, mit Transparenz), JPEG (kleiner, weißer Hintergrund) oder WebP (beste moderne Kompression). Skalierungs-Presets bis 4x heben ein einzelnes Icon in Retina- und Ultra-HD-Größen, und der optionale 1x/2x/3x-ZIP liefert alle drei Dichten mit einem Klick. Icons mit currentColor erhalten einen eingebauten Farbwähler, der sie vor dem Rastern umfärbt. Bei Stapelläufen werden alle Ergebnisse in einem einzigen ZIP-Download zusammengefasst.

Anleitung

  1. Lege eine oder mehrere .svg-Dateien im Upload-Bereich ab oder klicke zum Durchsuchen. Mit dem Knopf Weitere SVGs hinzufügen kommen später noch welche dazu.
  2. Legen Sie Breite und Höhe in Pixeln fest und wählen Sie eine Hintergrundfarbe (transparent oder benutzerdefiniert).
  3. Format (PNG, JPEG oder WebP) und Skalierung wählen, auf Konvertieren klicken und das Bild in der eingestellten Größe herunterladen.

Wann verwenden

  • Logo als 1024×1024 mit transparentem Hintergrund für ein Social-Media-Profilbild exportieren.
  • Aus einer Icon-SVG die Retina-Varianten @2x und @3x für einen App-Build erzeugen.
  • Eine D3- oder Mermaid-Grafik in eine PowerPoint-Folie einfügen, die kein SVG annimmt.

Ergebnis

Eine Designerin lädt ein Firmenlogo als SVG hoch und konvertiert es in ein 1024x1024-PNG mit transparentem Hintergrund zur Verwendung als Profilbild in sozialen Medien.

Häufige Fragen

Warum sieht mein PNG in der gewählten Größe unscharf aus?
Entweder enthält das SVG ein eingebettetes Bitmap (<image>-Element, das auf eine PNG/JPG zeigt), oder du hast eine Breite kleiner als der viewBox gewählt. Vektorflächen bleiben in jeder Größe scharf, eingebettete Rasterbilder werden hingegen einfach skaliert.
Warum ist der Hintergrund schwarz, obwohl ich die Transparenz aus habe?
Ohne Transparenz wird die ausgewählte Farbe als Hintergrund verwendet. Bleibt das Default-Schwarz oder ist gar keine Farbe gesetzt, kommt Schwarz heraus. Für gewöhnliche App-Backgrounds nimm Weiß (#ffffff) oder deine Markenfarbe.
Kann ich auf 4K oder 8K rendern?
Ja, bis zur Canvas-Grenze des Browsers, in aktuellen Chrome- und Firefox-Versionen meist um 16.384 × 16.384 Pixel. Der Speicherbedarf beträgt Breite × Höhe × 4 Byte, 8K kann während des Renderns schnell 200 MB belegen — vorher speicherhungrige Tabs schließen.
Bleiben Schriftarten erhalten, die das SVG extern referenziert?
Nur wenn die Schrift im Browser bereits geladen ist. SVGs, die Webfonts per <link> einbinden, holen diese während der Konvertierung nicht nach. Für identisches Schriftbild wandle den Text vorher im SVG in Pfade um oder installiere die Schrift systemweit.
Unterstützt das Tool CSS-Animationen oder interaktive Skripte im SVG?
Nein. PNG ist statisch, SMIL, CSS- und JavaScript-Animationen frieren beim Frame 0 ein. Brauchst du einen Frame mitten in der Animation, lass sie in der Quell-App laufen und exportiere genau in diesem Moment.

Ähnliche Tools