Softonic

SVG zu PNG

Schritt 1 / 4 SVG zu PNG

PNG ist das richtige Format, wenn ein SVG als Bitmap ausgeliefert werden muss: Screenshots für App-Stores, README-Banner, OG-Bilder, UI-Mockups oder E-Mail-Grafiken. Dieser Konverter rendert das SVG in Ihrem Browser, wendet den gewählten Skalierungsfaktor an und erhält den Alphakanal, damit transparente Icons und runde Avatare keinen weißen Kasten bekommen.

So exportieren Sie ein SVG als PNG

  1. 1

    SVG laden

    Laden Sie eine Datei hoch oder fügen Sie den SVG-Code direkt ein. Inline-CSS und <style>-Blöcke werden vom Browser gerendert.

  2. 2

    Skalierung festlegen

    Wählen Sie einen Skalierungsfaktor von 1x bis 10x. Die Ausgabegröße ergibt sich vor der Skalierung aus SVG-Breite, -Höhe oder viewBox.

  3. 3

    Transparente Vorschau prüfen

    Die Vorschau erhält die Alpha-Transparenz. Wenn ein fester Hintergrund nötig ist, fügen Sie diese Hintergrundform vor dem Export im SVG ein.

  4. 4

    PNG herunterladen

    Speichern Sie image.png aus dem browserseitigen Canvas. Ihr SVG-Code wird nicht auf einen Server hochgeladen.

Häufige Ausgabegrößen und Einsatzorte

Ziel Typische PNG-Größe Hinweise
App-Icon-Master (iOS/Android) 1024 × 1024 Nutzen Sie ein quadratisches SVG; Stores verlangen meist einen deckenden Hintergrund
OG-/Social-Karte 1200 × 630 Legen Sie den Marken-Hintergrund vor dem Export im SVG an
README- oder Doku-Header 1280-1600 breit Transparenz erhalten, damit es mit hellen und dunklen GitHub-Themes funktioniert
Folien- oder Präsentationsgrafik 1920 breit Bei Projektion oder Skalierung mit 2x exportieren
E-Mail-Header oder Hero-Grafik 600-1200 breit Ergebnis komprimieren und möglichst unter 200 KB halten

Warum ein SVG nach dem Export anders aussehen kann

  • Gebrochene Abmessungen. Ein Export mit 33.5 px erzwingt Subpixel-Rundung. Verwenden Sie ganze Zahlen, idealerweise Vielfache von 8.
  • Fehlende Schriften. Wenn das SVG eine Schrift referenziert, die im Browser nicht verfügbar ist, ersetzt der Browser sie und das Kerning kann sich verschieben. Wandeln Sie Text für den zuverlässigsten Export in Pfade um.
  • Externe Referenzen. <image href="..."> mit einer entfernten URL kann blockiert werden oder den Canvas verunreinigen. Betten Sie das Asset vor der Konvertierung als base64 ein.
  • Filter und Schatten. Weichzeichner und Drop-Shadows werden in Benutzereinheiten berechnet; ein 3x-Export kann Schatten daher weicher wirken lassen. Passen Sie bei Bedarf die Filterwerte im Quell-SVG an.
  • Keine explizite Größe. Hat ein SVG weder Breite, Höhe noch viewBox, fällt die Datei vor dem Skalierungsfaktor auf 300 × 150 px zurück.

Kurztipps

  • Exportieren Sie für High-DPI-Bildschirme mit 2x oder 3x und lassen Sie CSS oder Ihr Layout das PNG verkleinern.
  • Behalten Sie Transparenz für Icons und Logos; fügen Sie dem SVG zuerst ein Rechteck hinzu, wenn das Ziel eine feste Farbe benötigt.
  • Schicken Sie das PNG durch einen Bildkompressor, um Metadaten zu entfernen und die Palette neu zu packen.
  • Reduzieren Sie bei sehr großen Grafiken vor dem Download den Skalierungsfaktor, weil PNG jeden Pixel speichert.

Häufig gestellte Fragen

Das Tool arbeitet mit einem Skalierungsfaktor. Legen Sie zuerst Breite, Höhe oder viewBox im SVG fest und wählen Sie dann die Skalierung, die die gewünschte PNG-Größe ergibt.

Ja, es verwendet den SVG-Renderer des Browsers. Für möglichst konsistente Ergebnisse betten Sie externe Bilder ein und wandeln wichtigen Text vor dem Export in Pfade um.

SVG besteht aus Zeichenanweisungen; PNG ist ein Pixelraster. Ein Export mit 4000 × 4000 px speichert 16 Millionen Pixel mit RGBA-Daten, daher kann eine niedrigere Skalierung die Datei stark verkleinern.

Nein. Die Datei oder der eingefügte Code wird lokal über den HTML-Canvas in Ihrem Browser gelesen und gerendert.

Verwandte Tools

Barcode-Generator

Erstellen Sie scannbare 1D-Barcodes in Code 128, Code 39, EAN-13, UPC-A, ITF-14 und Codabar. Exportieren Sie als PNG, SVG oder PDF für den Druck.

Bildgröße ändern

Ändere Bilder auf exakte Pixelmaße oder Prozentwerte und behalte das Seitenverhältnis bei. Für Stapel geeignet, ohne Upload.

Fotoeditor

Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.

GIF komprimieren

Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.

QR-Code-Generator

Erstellen Sie QR-Codes für URLs, Klartext, WLAN-Zugangsdaten, vCards und Kalendereinträge. Als PNG oder SVG herunterladen, ohne Registrierung und ohne Wasserzeichen.

Bild-Upscaler

Vergrößern Sie niedrig aufgelöste Bilder um 2×, 3× oder 4× mit KI-Superauflösung oder klassischer Interpolation, ohne Details unnötig zu glätten.