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
- 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.
- Legen Sie Breite und Höhe in Pixeln fest und wählen Sie eine Hintergrundfarbe (transparent oder benutzerdefiniert).
- 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
Bilder zusammenführen
Mehrere Bilder nebeneinander oder übereinander zusammenfügen
Bildfarben invertieren
Alle Farben eines Bildes invertieren oder negieren
PNG-zu-SVG-Nachzeichner
Konvertieren Sie Rasterbilder in skalierbare Vektorgrafiken
Sprite-Sheet-Generator
Kombinieren Sie Bilder zu einem einzelnen Sprite-Sheet
Bild-zu-ICO-Konverter
Bilder ins ICO-Favicon-Format konvertieren
Dithering-Werkzeug
Wenden Sie Dithering-Algorithmen an, um Bildfarben zu reduzieren