SVG in PNG umwandeln
SVG-Dateien hineinziehen oder SVG-Code einfügen, Größe wählen, PNG herunterladen. Weil SVG eine Vektorgrafik ist, wird das PNG in jeder Größe scharf – vom 16-px-Favicon bis zum 4K-Bild. Die Umwandlung läuft komplett in Ihrem Browser.
So wird gerechnet
SVG (Scalable Vector Graphics) beschreibt Grafiken mit Linien, Flächen und Text statt mit Pixeln. Das ist ideal für Logos und Icons, aber nicht überall nutzbar: Word, PowerPoint in älteren Versionen, viele Upload-Formulare, E-Mail-Signaturen, App-Stores und Social-Media-Plattformen verlangen ein Rasterbild. Dann hilft die Umwandlung in PNG – verlustfrei und mit Transparenz.
SVG in PNG umwandeln – so geht's
- SVG-Dateien hineinziehen oder SVG-Code einfügen.
- Größe wählen und entscheiden, ob der Hintergrund transparent oder farbig sein soll.
- PNG herunterladen.
Beispiel: Ein quadratisches Icon mit viewBox="0 0 24 24" wird bei 512 px Breite als PNG mit 512 × 512 Pixeln gezeichnet – gestochen scharf, weil die Vektorgrafik neu berechnet wird.
Welche Größe bekommt das PNG?
Maßgeblich ist die Größe, die in der SVG selbst steht:
- width und height am
<svg>-Element: Diese Werte gelten. Einheiten wie mm, cm, in oder pt rechnet das Werkzeug nach CSS in Pixel um (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - nur viewBox (typisch für Icons, z. B.
viewBox="0 0 24 24"): Die viewBox-Breite und -Höhe gelten als Pixel. - nur eine Seite + viewBox: Die andere Seite ergibt sich aus dem Seitenverhältnis der viewBox.
- gar nichts oder Prozentangaben: Browser-Standard 300 × 150 px – geben Sie die Größe dann selbst in Pixeln vor.
Mit dem Faktor skalieren Sie diese Größe (ein 24-px-Icon wird mit 4× zu 96 × 96 px). Unter Breite/Höhe geben Sie Pixel vor; ist nur ein Wert gesetzt, folgt der andere dem Seitenverhältnis. Sind beide gesetzt und „Seitenverhältnis beibehalten“ ist an, wird die Grafik in dieses Feld eingepasst; ohne Haken wird sie auf genau diese Maße gestreckt.
| Zweck | übliche PNG-Größe |
|---|---|
| Favicon / App-Symbol | 32, 180, 192 oder 512 px (quadratisch) |
| Logo auf Webseite (Retina) | 2× der angezeigten Größe |
| Logo in Word/PowerPoint | 1000–2000 px Breite |
| Druck mit 300 dpi | Breite in cm × 118 (10 cm ≈ 1181 px) |
Transparenter oder farbiger Hintergrund
PNG kann Transparenz speichern – bleibt der Hintergrund „transparent“, sieht das Logo auf jedem Untergrund richtig aus. Für Programme oder Plattformen, die Transparenz schwarz darstellen, wählen Sie eine Hintergrundfarbe (meist Weiß). Wenn Sie ein JPG brauchen, wandeln Sie das PNG danach mit Bildformat umwandeln um; zum Verkleinern der Datei hilft Bild komprimieren.
Sicherheit: SVG wird nur als Bild gezeichnet
SVG-Dateien können Skripte und Verweise auf fremde Server enthalten. Dieses Werkzeug lädt die SVG deshalb ausschließlich als Bild (wie ein <img> auf einer Webseite). In diesem Modus führt der Browser keine Skripte aus und lädt nichts nach. Die Kehrseite: Bilder oder Schriften, die per Link aus dem Internet eingebunden sind, erscheinen nicht im PNG. Eingebettete Bilder (data:-URLs) und im System installierte Schriften funktionieren.
Datenschutz
Die Umwandlung passiert vollständig auf Ihrem Gerät, auch beim eingefügten SVG-Code. Es wird nichts hochgeladen und nichts gespeichert.
Weitere Werkzeuge: Aus dem PNG ein Website-Icon machen mit dem Favicon-Generator, andere Formate umwandeln mit Bildformat umwandeln.
Häufige Fragen
Wie wandle ich SVG in PNG um?
SVG-Datei in das Feld ziehen (oder SVG-Code einfügen), Größe wählen und das PNG herunterladen. Mehrere Dateien gibt es zusätzlich als ZIP.
Wird das PNG unscharf?
Nein. Die SVG wird direkt in der gewählten Zielgröße gezeichnet, nicht erst klein gerendert und dann hochskaliert. Auch 16× bleibt scharf.
Bleibt der Hintergrund transparent?
Ja, standardmäßig. Wenn Sie einen weißen oder farbigen Hintergrund brauchen, wählen Sie unter „Hintergrund“ die Option „Farbe“.
Warum fehlt eine Schrift oder ein Bild im PNG?
Aus Sicherheitsgründen wird die SVG nur als Bild gezeichnet – dabei lädt der Browser keine externen Dateien. Schriften, die nicht auf Ihrem Gerät installiert sind, fallen auf eine Ersatzschrift zurück. Abhilfe: Text im Grafikprogramm in Pfade umwandeln oder Bilder einbetten.
Welche Größe hat das PNG ohne Angabe?
Die Größe aus width/height der SVG, sonst aus der viewBox – multipliziert mit dem gewählten Faktor (Standard 2×). Die Originalgröße steht in der Ergebnisliste.
Werden meine SVG-Dateien hochgeladen?
Nein. Alles läuft in Ihrem Browser, die Dateien verlassen Ihr Gerät nicht.
Quellen und Rechtsgrundlagen
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Stand:
Passende Werkzeuge
- Bildformat umwandeln: JPG, PNG, WebP, AVIFBilder umwandeln ohne Upload: PNG in JPG, JPG in PNG, WebP in JPG, HEIC in JPG oder in AVIF – bis 20 Bilder auf einmal, mit ZIP-Download. Kostenlos.
- Bildgröße ändernBildgröße online ändern: Breite und Höhe in Pixel oder Prozent, Seitenverhältnis beibehalten oder zuschneiden, Vorlagen für Instagram & YouTube. Ohne Upload.
- Bild komprimieren: Dateigröße verkleinernBilder komprimieren ohne Upload: JPG, PNG, WebP und HEIC verkleinern, bis 20 Bilder auf einmal, auf Wunsch mit Zielgröße in KB und ZIP-Download. Kostenlos.
- Bild zuschneidenBild online zuschneiden ohne Upload: Ausschnitt frei wählen, auf 1:1, 4:3, 16:9 oder 9:16 zuschneiden, Vorlagen für Instagram & YouTube. Kostenlos.
- Bilder zu PDF: JPG, PNG und HEIC in PDF umwandelnJPG, PNG, WebP oder HEIC in PDF umwandeln und mehrere Bilder zu einem PDF zusammenfügen – A4, Letter oder Bildgröße, mit Rand. Ohne Upload, kostenlos.
- Favicon erstellen: aus Bild, Text oder EmojiFavicon erstellen aus Bild, Buchstaben oder Emoji: favicon.ico (16/32/48), Apple-Touch-Icon, PNG 192/512, site.webmanifest und HTML-Code. Ohne Upload.