Zum Inhalt springen

SVG in PNG und PNG in SVG umwandeln

Wandeln Sie SVG-Dateien in gestochen scharfe PNG-Bilder in jeder Größe um oder vektorisieren Sie ein PNG oder JPG zu einer SVG-Grafik. Die Umwandlung läuft in Ihrem Browser.

SVG-Dateien hierher ziehenoder klicken zum Durchsuchen · SVG-Code mit Strg+V einfügen
SVG auswählenAuf Ihrem Gerät verarbeitet – wird nicht hochgeladen
Läuft in Ihrem Browser · kein UploadSo funktioniert's

So verwenden Sie SVG-PNG-Konverter

  1. 1

    SVG laden

    Ziehen Sie eine oder mehrere .svg-Dateien hierher, fügen Sie SVG-Markup an beliebiger Stelle auf der Seite ein oder geben Sie es in das Codefeld ein und klicken Sie auf „SVG rendern“.

  2. 2

    Ausgabegröße wählen

    Wählen Sie das 1-, 2-, 4- oder 8-Fache der Originalgröße der SVG oder geben Sie eine genaue Breite von bis zu 16.384 Pixeln ein; die Höhe passt sich an.

  3. 3

    Format und Hintergrund wählen

    PNG behält einen transparenten Hintergrund; für JPG und WebP gibt es einen Qualitätsregler, und jedes Format lässt sich mit einer Farbe füllen.

  4. 4

    Herunterladen

    Speichern Sie das PNG, benannt nach der Datei und ihrer Größe, etwa logo-512x512.png, oder alle Dateien auf einmal als svg-to-png.zip.

Limits und Pro

SVG in PNG: beliebig viele SVG-Dateien, jede mit bis zu 16.384 px pro Seite und 120 Megapixeln exportierbar. PNG in SVG: jeweils ein Bild mit bis zu 25 MB.

Pro hebt das Eingabelimit für PNG in SVG auf Dateien von bis zu 4 GB an. Pro ansehen

Über SVG-PNG-Konverter

SVG in PNG wandelt Vektorgrafiken in gewöhnliche Pixelbilder um. Die browsereigene SVG-Engine zeichnet die Datei direkt in der gewünschten Größe. Ein 8-facher Export eines Icons mit 64 Pixeln ergibt daher ein scharfes Bild mit 512 Pixeln und kein vergrößertes, unscharfes. Die Ausgabegröße ergibt sich aus den Attributen width und height der SVG, wobei Einheiten wie mm, pt oder in mit 96 Pixeln pro Zoll umgerechnet werden, oder aus der viewBox, wenn keine Größe angegeben ist. Die PNG-Ausgabe behält die volle Alpha-Transparenz und wird verlustfrei mit OxiPNG optimiert; JPG kennt keine Transparenz und wird mit Weiß gefüllt, sofern Sie keine andere Farbe wählen. Die Vorschau aktualisiert sich bei jeder Änderung der Einstellungen, sodass Sie das genaue Ergebnis vor dem Herunterladen sehen.

Ein PNG brauchen Sie überall dort, wo SVG nicht akzeptiert wird: in sozialen Netzwerken und Messengern, in älteren Versionen von Word und PowerPoint, in E-Mail-Signaturen, in App-Store-Einträgen und in vielen Website-Baukästen. Ein Export in 2-facher oder 4-facher Größe liefert außerdem scharfe Bilder für Smartphone-Displays mit hoher Pixeldichte.

Da die SVG als eigenständiges Bild gerendert wird, kann sie nichts aus dem Internet nachladen: Verlinkte Bilder und per URL eingebundene Webfonts werden nicht geladen, und Text wird in einer auf Ihrem Gerät installierten Schrift dargestellt. Binden Sie Schriften und Bilder vor dem Export als Data-URIs ein oder wandeln Sie Text in Pfade um. Skripte und Animationen werden nicht ausgeführt, Sie erhalten also ein einzelnes Standbild. Der Tab „PNG in SVG“ macht das Gegenteil und vektorisiert ein Bild zu Vektorpfaden.

Datenschutz

Das Rendern erfolgt in der integrierten SVG-Engine Ihres Browsers, und das Bild wird von jSquash-WebAssembly-Codecs in einem Web Worker in diesem Tab kodiert, die erst nach dem Hinzufügen einer Datei von dieser Website geladen werden. Das SVG-Markup und die exportierten Bilder bleiben auf Ihrem Gerät; nichts wird hochgeladen, und der Renderer selbst kann im Namen der SVG keine Netzwerkanfragen senden.

Funktionen

Scharf in jeder Größe

Vektoren werden in der Ausgabeauflösung neu gerendert – Export in 1-, 2-, 4-, 8-facher Größe oder mit exakter Pixelbreite.

Transparenter Hintergrund

PNG und WebP behalten die Transparenz; oder füllen Sie den Hintergrund mit einer beliebigen Farbe.

SVG-Code einfügen

Fügen Sie Markup direkt aus Ihrem Editor oder Design-Tool ein – ohne Datei.

Stapelexport

Wandeln Sie ein ganzes Icon-Set mit denselben Einstellungen um und laden Sie es als ZIP herunter.

Auch PNG in SVG

Wechseln Sie den Tab, um ein PNG- oder JPG-Logo in saubere Vektorpfade umzuwandeln.

SVG-PNG-Konverter: Häufig gestellte Fragen

Wie wandle ich eine SVG in ein PNG mit transparentem Hintergrund um?
Belassen Sie das Format auf PNG und den Hintergrund auf „Transparent“, so wie es standardmäßig eingestellt ist, und laden Sie die Datei herunter. Jede Fläche, die die SVG nicht füllt, bleibt im PNG vollständig transparent, und halbtransparente Füllungen und weiche Kanten behalten ihre Alphawerte. JPG kann keine Transparenz speichern; dort werden leere Bereiche mit Weiß oder der unter „Hintergrund“ gewählten Farbe gefüllt.
In welcher Größe sollte ich meine SVG exportieren?
Für eine Website exportieren Sie in der doppelten Anzeigegröße, etwa 600 Pixel Breite für einen Platz von 300 Pixeln, damit das Bild auf Displays mit hoher Pixeldichte scharf bleibt. App-Icons und Store-Einträge verlangen meist 512 oder 1024 Pixel im Quadrat. Für den Druck multiplizieren Sie die Breite in Zoll mit 300. Da der Vektor in jeder Größe neu gezeichnet wird, werden größere Exporte nie unscharf, nur größer.
Warum sehen Schriften oder Bilder in meiner SVG falsch aus?
Eine als Bild gezeichnete SVG kann nichts herunterladen. Deshalb fehlen Schriften, die von Google Fonts oder einem anderen Server eingebunden sind, sowie per URL verwiesene Bilder; der Text nutzt stattdessen eine auf Ihrem Gerät installierte Schrift. Öffnen Sie die Datei in Ihrer Design-App und wandeln Sie Text in Pfade um oder binden Sie Schriften und Bilder als Base64-Daten ein. Exportieren Sie die SVG dann erneut und rendern Sie sie hier.
Kann ich mehrere SVG-Dateien gleichzeitig umwandeln?
Ja. Ziehen Sie beliebig viele SVG-Dateien hierher; sie erscheinen in einer Liste, und die ausgewählte Datei wird in der Vorschau angezeigt. Die Einstellungen für Größe, Format und Hintergrund gelten für alle, sodass sich ein ganzes Icon-Set in einem Schritt in 4-facher Größe exportieren lässt. Die Download-Schaltfläche erstellt dann svg-to-png.zip, wobei jedes PNG nach seiner Quelldatei und seiner endgültigen Pixelgröße benannt ist.
Warum hat das PNG eine andere Größe als erwartet?
Die Basisgröße ergibt sich aus den Attributen width und height der SVG, umgerechnet mit 96 Pixeln pro Zoll, und der Maßstab multipliziert sie. Hat die SVG nur eine viewBox, werden deren Zahlen als Pixel verwendet; ohne beides nehmen Browser 300 × 150 an. Für ein exaktes Ergebnis unabhängig von der Datei wählen Sie die Option px und geben die gewünschte Breite ein; die Höhe behält das Seitenverhältnis.

Weitere Aufgaben mit diesem Tool

Alle: bild-tools