Marken-Schriftzug
Zwei per @font-face verlinkte Webfonts werden vor dem Zeichnen heruntergeladen und eingebettet, dann wird alles als transparentes PNG in 4× gespeichert.
KOSTENLOS · LÄUFT IN DEINEM BROWSER
SVG in PNG umwandeln
SVG in PNG umwandeln, kostenlos und direkt im Browser: Mach aus SVG-Dateien oder eingefügtem SVG-Code scharfe PNG-, JPG- oder WebP-Bilder oder ein PSD mit Ebenen – bis zu 50 auf einmal. Wähle 1×–8×, exakte Pixel oder eine Druck-DPI; Webfonts und verlinkte Bilder werden vorher eingebettet, und ein Klick erzeugt ein komplettes Favicon- und App-Icon-Paket. Nichts wird hochgeladen.
Kein SVG zur Hand? Teste ein Beispiel:
Die Umwandlung läuft auf deinem Gerät; Dateien werden nicht auf unsere Server hochgeladen. Webfonts und Bilder, die in einem SVG verlinkt sind, lädt dein Browser von deren eigenen Servern herunter, damit sie eingebettet werden können.
BEISPIELE
SVG-zu-PNG-Beispiele
Sechs Originaldateien mit genau den Dingen, an denen viele Konverter scheitern: Webfonts, verlinkte Fotos, HTML-Beschriftungen, Größen in Millimetern und Icons nur mit viewBox. Jedes Beispiel öffnet sich mit passenden Einstellungen im Konverter.
Linien-Icon-Set
Sechs Icons, die nur eine viewBox haben, exportiert in 16 bis 256 px, ein Ordner pro Größe.
Sonnige Postkarte
Ein verlinktes Foto, Verläufe, ein Schlagschattenfilter, Text auf einem Pfad und CSS-Klassen, gespeichert als JPG auf Weiß.
Flussdiagramm
In HTML geschriebene Beschriftungen im Stil von draw.io (foreignObject) bleiben an ihrem Platz – mit fettem Text und Zeilenumbrüchen.
A5-Veranstaltungsplakat
In Millimetern angelegt. „Druckgröße“ bei 300 DPI ergibt genau 1.748 × 2.480 px, mit der DPI im PNG gespeichert.
App-Icon
Aus einem quadratischen SVG werden favicon.ico, PNG-Favicons, Apple- und Android-Icons und ein Web-Manifest.
DREI SCHRITTE
So kannst du SVG in PNG umwandeln
Dateien hinzufügen, Größe wählen, herunterladen. Alles passiert in diesem Browser-Tab.
01 SVG-Dateien hinzufügen
Lege bis zu 50 .svg- oder .svgz-Dateien (je 20 MB) ab, wähle sie aus oder füge sie ein – oder füge SVG-Code ein oder lade ein SVG über einen Link.
02 Größe und Format wählen
Skaliere 1×–8×, gib exakte Pixel ein oder lege eine Druckgröße mit DPI fest. Speichere als PNG, JPG, WebP oder PSD mit Ebenen – oder wechsle zu „Icon-Set“ oder „Favicon-Paket“.
03 Herunterladen
Speichere eine einzelne Datei oder alles als ein ZIP. Jede Schrift und jedes Bild, das nicht eingebettet werden konnte, wird bei der jeweiligen Datei genannt.
WARUM DIESER KONVERTER
Warum dieser SVG-zu-PNG-Konverter?
Viele Konverter lassen Text weg, zeigen statt eines verlinkten Fotos ein kaputtes Bild oder verkleinern stillschweigend deine Größe.
Der eigene Renderer deines Browsers
CSS, Verläufe, Filter, Masken und HTML-Beschriftungen zeichnet dieselbe SVG-Engine, die SVGs im Web anzeigt.
Schriften und Bilder eingebettet
@font-face, Google Fonts per @import und verlinkte Bilder werden vorher heruntergeladen und eingebettet – von den Schriften nur die Zeichen, die dein Text nutzt. Was fehlschlägt, wird genannt.
Repariert fehlerhaften SVG-Code
Ein fehlendes xmlns, und andere HTML-Entitäten, doppelte oder nicht in Anführungszeichen gesetzte Attribute und nicht geschlossene Tags werden korrigiert, statt ein leeres Bild zu liefern.
Skripte laufen nie
Skripte, Event-Handler und unsicheres HTML werden entfernt, und die Datei wird als Bild gezeichnet, wo Skripte ohnehin nicht laufen können.
Ehrliche Größen
Ausgabegröße und Dateigröße siehst du vor dem Download, und nichts wird heimlich verkleinert.
Favicons, Icon-Sets und PSD
Ein Klick für ein Favicon- und App-Icon-Paket, jedes Icon in jeder Größe in Ordnern oder ein PSD mit Ebenen.
WAS DICH ERWARTET
Was exakt dargestellt wird – und was abweichen kann
Dein Browser zeichnet jede Datei, dann listet der Konverter alles auf, was er nicht übernehmen konnte.
Wird exakt dargestellt
- Pfade, Formen, Konturen, Marker, Verläufe, Muster, Masken und Beschneidungspfade.
- CSS in <style>-Blöcken und Klassen, Deckkraft und Füllmethoden.
- SVG-Filter wie Weichzeichnen und Schlagschatten.
- Text in Schriften, die auf deinem Gerät installiert sind, oder in Webfonts, die der Konverter einbetten konnte.
- Verlinkte Bilder auf Servern, die anderen Websites das Lesen erlauben, und Bilder, die bereits als Data-URLs eingebettet sind.
- HTML-Beschriftungen in foreignObject, wie draw.io sie schreibt – nachdem unsicheres HTML entfernt wurde.
Kann abweichen
- Eine Schrift, die nicht installiert ist und nicht heruntergeladen werden kann, wird durch eine andere ersetzt; der Hinweis zur Datei nennt sie.
- Bilder und Schriften auf Servern, die andere Websites blockieren (CORS), werden weggelassen und aufgelistet.
- Relative Links wie logo.png sind von einer Datei auf deinem Gerät aus nicht erreichbar. Lade das SVG stattdessen über seinen Link oder bette die Dateien ein.
- Animierte SVGs liefern ihr erstes Einzelbild. Skripte werden entfernt und nie ausgeführt.
- <use>-Verweise auf andere SVG-Dateien und externe Stylesheets werden nicht geladen.
- Manche Filter und Füllmethoden sehen in Chrome, Firefox und Safari leicht unterschiedlich aus. Safari exportiert HTML-Beschriftungen unter Umständen als Nur-Text-Ersatz.
Soll Text überall identisch aussehen, wandle ihn in deiner Design-App in Pfade um, bevor du das SVG exportierst.
GRÖSSE UND DPI
SVG zu PNG: Leitfaden für Größe und DPI
Ein SVG hat keine feste Pixelgröße. Der Konverter liest Breite und Höhe – mm, cm, in und pt rechnet er mit 96 Pixeln pro Zoll in Pixel um – oder nutzt die viewBox und zeichnet die Formen dann in der gewählten Größe neu. Formen werden nie aus einer kleinen Bitmap hochgezogen.
Bildschirmgrößen
| Einstellung | Geeignet für |
|---|---|
| 1× | Die eigene Größe des SVGs, für Seiten, die die Bildgröße bereits festlegen. |
| 2× | Der Standard: scharf auf Retina- und den meisten Smartphone-Displays. |
| 3× – 4× | Folien, Social-Media-Posts und Dokumente, in die hineingezoomt wird. |
| 8× | Große Drucke oder Grafiken, die du später zuschneidest. |
| Exakte Pixel | Eine vorgegebene Breite oder Höhe, etwa 1080 px für einen Post. Fülle beide aus, um in eine Box einzupassen. |
Druckgrößen in Pixeln
| Papier | 150 DPI | 300 DPI |
|---|---|---|
| A4 (210 × 297 mm) | 1,240 × 1,754 | 2,480 × 3,508 |
| A5 (148 × 210 mm) | 874 × 1,240 | 1,748 × 2,480 |
| US Letter (8,5 × 11 in) | 1,275 × 1,650 | 2,550 × 3,300 |
| Foto (4 × 6 in) | 600 × 900 | 1,200 × 1,800 |
DPI allein fügt keine Pixel hinzu: Sie sagt Druck- und Layout-Apps, wie groß gedruckt werden soll. PNG speichert sie in einem pHYs-Chunk, JPG im JFIF-Header; WebP hat dafür keinen Standardplatz. „Druckgröße“ nutzt die DPI auch für die Pixelanzahl, sodass ein als A5 angelegtes SVG genau in den obigen Größen herauskommt.
FAVICON UND APP-ICONS
Favicon- und App-Icon-Paket mit einem Klick
Füge dein Logo- oder Icon-SVG hinzu, wechsle zu „Favicon-Paket“ und lade ein ZIP mit allem herunter, was eine Website oder Web-App braucht:
- favicon.ico mit Bildern in 16, 32 und 48 px, dazu PNG-Favicons in jeder Größe
- apple-touch-icon.png mit 180 px auf deiner Kachelfarbe
- Android-Icons mit 192 und 512 px und ein maskierbares Icon mit Sicherheitsabstand
- favicon.svg (bereinigt) und ein site.webmanifest mit deinem App-Namen und deiner Theme-Farbe
- Die HTML-Tags zum Einfügen in den <head> deiner Seite
Brauchst du stattdessen ein ganzes Icon-Set? Der Modus „Icon-Set“ exportiert jedes SVG in den angehakten Größen von 16 bis 1024 px, ein Ordner pro Größe.
ANWENDUNGEN
Wofür SVG-Dateien umgewandelt werden
App- und Web-Icons
Ein komplettes Icon-Set in 16–1024 px in Größenordnern oder ein Favicon-Paket mit ICO-, Apple- und Android-Icons.
Präsentationen und Dokumente
PowerPoint, Keynote, Google Docs und Word nehmen alle PNG; ein Logo in 2× oder 3× bleibt auch auf dem Beamer scharf.
Social-Media-Posts und Chats
Die meisten sozialen Netzwerke und Chat-Apps akzeptieren keine SVG-Uploads. Speichere PNG, JPG oder WebP in einer exakten Pixelgröße.
Druck und Photoshop
Lege die Größe per DPI für den Druck fest – mit der DPI in der Datei – oder hol dir ein PSD mit Ebenen, eine Ebene pro Gruppe der obersten Hierarchiestufe.
SVG in PNG umwandeln: Häufige Fragen
Wie kann ich SVG kostenlos in PNG umwandeln?
Lege deine SVG-Dateien oben auf dieser Seite im Konverter ab, wähle Größe und Format und lade das Ergebnis herunter. Es ist kostenlos – ohne Anmeldung, ohne Wasserzeichen und ohne Credits –, weil die Umwandlung in deinem Browser läuft.
Werden meine SVG-Dateien irgendwo hochgeladen?
Nein. Die Dateien werden auf deinem Gerät gelesen und gezeichnet. Nur Webfonts und Bilder, auf die dein SVG verlinkt, lädt dein Browser von deren eigenen Servern herunter, damit sie ins PNG eingebettet werden können.
Wie wandle ich SVG in hoher Auflösung in PNG um?
Wähle 2×, 3×, 4× oder 8× oder gib exakte Pixel ein. Die Formen werden in dieser Größe neu gezeichnet, statt aus einer kleinen Bitmap hochskaliert zu werden – so bleiben die Kanten scharf. Bis 16.384 px pro Seite und etwa 100 Megapixel funktionieren am Computer (etwa 16 am Smartphone); darüber hinaus bekommst du einen Hinweis, und nichts wird verkleinert.
Warum nutzt der Text in meinem PNG eine andere Schrift?
Ein SVG nennt seine Schriften nur beim Namen. Ist eine Schrift nicht auf deinem Gerät installiert und verlinkt das SVG sie nicht von einem Server, der Downloads erlaubt – etwa Google Fonts –, ersetzt der Browser sie durch eine andere. Der Konverter nennt die fehlende Schrift bei der jeweiligen Datei. Verlinke einen Webfont oder wandle den Text in Pfade um, um das zu beheben.
Kann ich viele SVG-Dateien auf einmal umwandeln?
Ja. Füge bis zu 50 .svg- oder .svgz-Dateien mit je bis zu 20 MB hinzu und lade sie als ein ZIP herunter. Der Modus „Icon-Set“ exportiert jede Datei in mehreren Größen, ein Ordner pro Größe.
Wie erstelle ich ein Favicon aus einem SVG?
Füge das SVG hinzu, wähle „Favicon-Paket“ und lade das ZIP herunter. Es enthält favicon.ico (16, 32 und 48 px), PNG-Favicons, ein Apple-Touch-Icon mit 180 px, Android-Icons mit 192 und 512 px, ein maskierbares Icon, favicon.svg, site.webmanifest und die HTML-Tags für deine Seite.
Kann ich einen transparenten Hintergrund behalten?
Ja. PNG und WebP bleiben transparent, solange du keine Hintergrundfarbe wählst. JPG kann keine Transparenz speichern und bekommt deshalb Weiß oder die Farbe deiner Wahl.
Welche DPI sollte ich wählen?
Für Bildschirme spielt sie keine Rolle; 72 oder 96 sind in Ordnung. Für den Druck wählst du „Druckgröße“ und 300 DPI: Der Konverter berechnet die Pixel aus der physischen Größe des SVGs und speichert die DPI in PNG- und JPG-Dateien.
Kann ich SVG in ein PSD mit Ebenen umwandeln?
Ja. Wähle PSD: Jede Gruppe oder Form der obersten Hierarchiestufe wird zu einer Pixelebene, benannt nach ihrer ID oder ihrem Label, über einem vollständigen Gesamtbild. Text wird zu Pixeln, nicht zu bearbeitbarem Text.
Ist es sicher, SVG-Dateien aus unbekannten Quellen zu öffnen?
SVG-Dateien können Skripte enthalten. Der Konverter entfernt vor dem Zeichnen Skripte, Event-Handler und unsicheres HTML und zeichnet die Datei als Bild, wo Skripte ohnehin nicht laufen können.
SVG in PNG umwandeln
Jetzt deine SVG-Dateien umwandeln
SVG-Dateien ablegen, Größe wählen und herunterladen. Kostenlos und direkt auf deinem Gerät umgewandelt.
SVG-Dateien auswählen