SVG in PNG umwandeln
Deine Dateien werden auf deinem Gerät umgewandelt. Sie werden nie hochgeladen.
oder hierher ziehen oder mit Strg+V / ⌘V einfügen
.svg
- Dateien bleiben auf deinem Gerät
- Stapelweise + ZIP
- Ohne Anmeldung, ohne Limits
Dieser Konverter läuft in deinem Browser und braucht JavaScript. Schalte es ein, um umzuwandeln; die Schritte unten erklären alles.
Einstellungen
Vektor-Logos und Icons als gestochen scharfe PNGs in der gewünschten Größe, mit transparentem Hintergrund.
SVG ist eine in Code beschriebene Zeichnung, scharf in jeder Größe – doch viele Stellen können damit nichts anfangen: Profilbilder in sozialen Netzwerken, Präsentationen, E-Mail-Signaturen, App-Stores, Marktplätze und viele Upload-Felder von Content-Management-Systemen wollen ein PNG. Diese Seite zeichnet jedes SVG in deinem Browser und speichert es als PNG mit intaktem transparentem Hintergrund. Wähle 2× oder 4× für hochauflösende Bildschirme und den Druck; die Vektoren werden in dieser Größe gezeichnet, die Kanten bleiben also scharf, statt hochgerechnet zu werden.
So wandelst du SVG in PNG um
- Zieh deine .svg-Dateien hierher: Logos, Icons, Diagramme oder Illustrationen.
- Wähle die Skalierung: 1× nutzt die eigene Breite und Höhe des SVG, 2× verdoppelt sie für scharfe Ergebnisse auf modernen Bildschirmen, 4× ist für Druck oder große Folien.
- Tippe auf „Umwandeln“ und speichere die PNGs einzeln oder lade alle als ZIP herunter.
Was mit Qualität, Dateigröße und Metadaten passiert
Gezeichnet wird ein einziges Mal, direkt in der endgültigen Pixelgröße, es gibt also keine Unschärfe durch Hochskalieren: Ein 64-px-Icon wird bei 4× zu einem sauberen 256-px-PNG. PNG ist verlustfrei, jede geglättete Kante und jeder transparente Bereich wird exakt gespeichert.
Das Ergebnis hängt davon ab, welche Größe das SVG angibt; hat es nur eine viewBox, nehmen wir diese. Die Dateigröße wächst mit der Skalierung, grob um das Vierfache pro Verdopplung. Text in einer Webschrift wird nur korrekt dargestellt, wenn die Schrift im SVG eingebettet oder in Pfade umgewandelt ist.
- Testdateien
- 30
- Eingabe im Schnitt
- 1 KB
- Ausgabe im Schnitt
- 54 KB
- Größenänderung
- 50× größer
- Zeit pro Datei
- 6 ms
SVG oder PNG
| Vollständiger Name | SVG | PNG |
|---|---|---|
| Vollständiger Name | Scalable Vector Graphics | Portable Network Graphics |
| Eingeführt | 2001 | 1996 |
| Festgelegt von | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Kompression | Verlustfrei | Verlustfrei |
| Transparenz | Ja | Ja |
| Animation | Ja | Ja |
| Maximale Größe | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Ja | Ja |
| Safari | Ja | Ja |
| Firefox | Ja | Ja |
| Windows | — | Ja |
| iPhone / iPad | — | Ja |
| Android | — | Ja |
| Typischer Einsatz | Logos, Icons, Diagramme und Illustrationen auf Websites. | Screenshots, Logos, Icons, Diagramme und alle Bilder, die einen transparenten Hintergrund brauchen. |
SVG SVG ist ein W3C-Format, das eine Zeichnung als Formen, Pfade und Text in XML beschreibt statt als Pixel. Es bleibt in jeder Größe scharf und ist oft winzig, kann aber Fotos nicht sinnvoll speichern – und viele Programme und Upload-Formulare akzeptieren nur Pixelbilder wie PNG.
PNG PNG ist ein verlustfreies Bildformat, 1996 vom W3C veröffentlicht und später als ISO/IEC 15948 genormt. Jedes Pixel bleibt exakt erhalten, und volle Transparenz wird unterstützt – ideal für Screenshots, Logos und Text. Fotos sind als PNG meist um ein Mehrfaches größer als als JPG.
Quellen dieser Tabelle
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Daten zur Browserunterstützung: caniuse.com, CC BY 4.0.
Ohne diese Website
Jeder Browser kann ein SVG anzeigen: in einem Tab öffnen und einen Screenshot machen. Das reicht für ein schnelles Einzelstück, liefert aber nur Bildschirmauflösung und meist einen weißen Hintergrund. Kostenlose Vektorprogramme wie Inkscape exportieren PNG in jeder Größe über ihren Export-Dialog. Am Mac zeigt die Leertaste ein SVG im Finder per Übersicht an – praktisch, um eine Datei vor dem Umwandeln zu prüfen. Für ganze Stapel mit Transparenz ist diese Seite der schnellere Weg.
Hilfe bei Problemen
- Text erscheint in einer anderen Schrift. Webschriften, die das SVG über eine URL lädt, können hier nicht verwendet werden, und auf deinem Computer installierte Schriften hat nicht jeder. Wandle Text in deinem Vektorprogramm in Pfade um.
- Bilder im SVG fehlen. Verknüpfte externe Bilder werden aus Sicherheitsgründen nicht geladen. Bette sie vor dem Umwandeln (als Daten) ins SVG ein.
- Das PNG ist winzig. Das SVG gibt eine kleine Breite und Höhe an. Wähle 4× oder ändere die Attribute width und height.
- Animationen. CSS- oder SMIL-Animationen werden ignoriert; du bekommst den Ausgangszustand des SVG.
Fragen und Antworten
Wie wandle ich SVG in PNG mit transparentem Hintergrund um?
Zieh das SVG hierher und wandle es um: Der Hintergrund bleibt automatisch transparent, weil PNG Transparenz unterstützt und wir keine Füllung hinzufügen. Enthält das SVG selbst ein weißes Rechteck als Hintergrund, gehört es zur Zeichnung und erscheint auch im PNG; entferne es vorher in einem Vektorprogramm.
Wie groß wird mein PNG?
Bei 1× hat das PNG die Breite und Höhe, die im SVG stehen (oder die seiner viewBox, wenn keine angegeben sind). 2× verdoppelt beides, 4× vervierfacht es. Ein Logo mit 300 × 100 wird bei 4× zu 1200 × 400. Nutze die „Max. Größe“, wenn das Ergebnis in einen Rahmen passen muss, etwa 512 px für ein App-Icon; sie verkleinert nur, nie vergrößert sie.
Warum sieht mein SVG als PNG anders aus?
Meist liegt es an Schriften oder verknüpften Dateien. Das SVG wird in einem abgeschotteten Modus gezeichnet, der keine externen Schriften oder Bilder nachladen kann. Text fällt dann auf eine Standardschrift zurück, und verknüpfte Bilder bleiben leer. Wandle den Text in Pfade um, bette Bilder in deinem Programm ein und wandle dann erneut um.
Ist es sicher, SVG-Dateien online umzuwandeln?
Hier verlässt das SVG nie dein Gerät; dein eigener Browser zeichnet es, und nichts wird hochgeladen. Außerdem zeichnen wir es als Bild, statt es in die Seite einzufügen, sodass Skripte in einem SVG nicht ausgeführt werden können. Das zählt bei Logos und Entwürfen von Kunden, die noch nicht veröffentlicht sind.