SVG in PNG umwandeln: So geht’s
- 1
Klicken Sie auf Dateien auswählen oder ziehen Sie eine oder mehrere .svg-Dateien in das Feld.
- 2
Wählen Sie eine Skalierung: 1× nutzt die im SVG festgelegte Größe, 2× verdoppelt sie (Standard, scharf auf hochauflösenden Displays), 4× ergibt ein großes, drucktaugliches Bild.
- 3
Klicken Sie auf Umwandeln und laden Sie jedes PNG einzeln oder alle mit Alle herunterladen (ZIP) herunter.
Warum SVG in PNG umwandeln?
SVG ist ein Vektorformat: Es beschreibt Formen mathematisch, bleibt in jeder Größe scharf und eignet sich ideal für Logos, Icons und Illustrationen im Web. Viele Stellen akzeptieren es aber nicht – soziale Netzwerke, E-Mail-Signaturen, Office-Dokumente, Messenger, manche Druckdienste und Marktplätze. PNG ist die universelle Alternative und bewahrt die zwei Dinge, auf die es bei Grafiken ankommt: scharfe Kanten und Transparenz.
Die Skalierung wählen
Ein SVG hat keine feste Pixelgröße – Sie legen die Auflösung beim Export fest:
| Skalierung | Beispiel (SVG mit 200 × 100) | Verwendung |
|---|---|---|
| 1× | 200 × 100 px | Exakte Größe, kleine Dateien |
| 2× | 400 × 200 px | Websites und Apps auf hochauflösenden (Retina-)Displays |
| 4× | 800 × 400 px | Präsentationen, Druck, große Bildschirme |
Jedes Pixel des PNG wird aus den Vektoren berechnet. Ein Export mit 4× ist deshalb tatsächlich schärfer als ein nachträglich vergrößertes 1×-PNG.
So wird das Ergebnis exakt
SVGs aus Illustrator, Figma, Inkscape oder Icon-Bibliotheken werden in der Regel perfekt umgewandelt. Sieht etwas anders aus, liegt es fast immer an einem dieser Punkte:
- Nicht eingebettete Schriften – wandeln Sie Text vor dem Export im Designprogramm in Pfade um.
- Verlinkte Bilder – betten Sie Bilder im SVG ein, statt sie per URL zu verlinken.
- CSS der Webseite – ein von einer Website kopiertes Icon kann seine Farbe aus dem Stylesheet der Seite beziehen; legen Sie die Füllfarbe direkt im SVG fest.
Häufige Probleme
- Das PNG ist leer oder unvollständig. Das SVG hängt vermutlich von externen Dateien oder Styles einer Webseite ab. Betten Sie alles im SVG ein und versuchen Sie es erneut.
- Das PNG ist kleiner als erwartet. Das SVG definiert eine kleine Größe; wählen Sie die Skalierung 4× oder legen Sie im Designprogramm größere Maße fest.
Verwandte Werkzeuge
- Sie brauchen ein Website-Icon? PNG in ICO erstellt direkt aus einem SVG oder PNG ein Favicon in mehreren Größen.
- Sie brauchen ein JPG mit weißem Hintergrund? Wandeln Sie das PNG mit PNG in JPG um.
- Das PNG ist zu schwer fürs Web? PNG in WebP behält die Transparenz bei einem Bruchteil der Größe.
Ihre Grafiken bleiben bei Ihnen
Alles wird lokal von Ihrem Browser gerendert. Unveröffentlichte Logos und Kundengrafiken verlassen Ihren Computer also nie – es gibt kein Konto, kein Wasserzeichen und keine Warteschlange.