Um SVG in PNG umzuwandeln, ziehen Sie Ihre .svg-Dateien in das Feld oben, wählen eine Skalierung von 1x, 2x (Standard) oder 4x der Breite und Höhe des SVGs und klicken auf „In PNG umwandeln“. Ihr Browser rendert jedes SVG zu einem PNG, wobei der transparente Hintergrund erhalten bleibt. Laden Sie die PNGs einzeln oder als ZIP herunter.
So nutzen Sie das Tool SVG in PNG
- 1
SVG-Dateien hinzufügen
Ziehen Sie .svg-Dateien in den Ablagebereich oder klicken Sie, um sie auszuwählen. Bis zu 50 Dateien pro Durchgang.
- 2
Skalierung wählen
Wählen Sie 1x, 2x oder 4x der im SVG festgelegten Breite und Höhe. Voreingestellt ist 2x. SVGs ohne Breiten- oder Höhenangabe werden bei 1x mit 1024 px Breite gerendert.
- 3
Umwandeln
Klicken Sie auf „In PNG umwandeln“. Jedes SVG wird in Ihrem Browser zu einem PNG gerastert, transparente Bereiche bleiben transparent.
- 4
Herunterladen
Speichern Sie jedes PNG einzeln oder laden Sie alle zusammen als ZIP herunter.
Vektor oder Raster: Warum SVG in PNG umwandeln?
SVG ist ein Vektorformat: Statt Pixeln beschreibt es Formen, Pfade und Text in XML und lässt sich daher in jeder Größe scharf darstellen. Das macht es ideal für Logos, Icons und Illustrationen im Web. PNG ist ein Rasterformat, also ein festes Pixelraster – und genau das erwarten die meisten anderen Stellen.
Ein PNG brauchen Sie typischerweise, wenn das Ziel kein SVG akzeptiert: viele soziale Netzwerke, E-Mail-Programme, Präsentations- und Textprogramme, App-Store-Einträge, Marktplätze und manche Content-Management-Systeme. Einige Plattformen sperren SVG-Uploads auch aus Sicherheitsgründen, da SVG-Dateien Skripte enthalten können. Ein PNG lässt sich bedenkenlos teilen und sieht überall gleich aus.
Die richtige Skalierung wählen
Sobald ein SVG zum PNG wird, ist seine Größe festgelegt – wählen Sie die Skalierung also mit Blick auf den späteren Einsatz. 1x entspricht der im SVG definierten Breite und Höhe. 2x verdoppelt beides und hält das Bild auf hochauflösenden Bildschirmen wie den meisten modernen Smartphones und Laptops scharf; deshalb ist es der Standard. 4x liefert eine hohe Auflösung für große Drucke, Folien oder wenn Sie einen Ausschnitt der Illustration zuschneiden möchten.
Hat Ihr SVG keine width- oder height-Attribute, was bei Dateien mit nur einer viewBox häufig vorkommt, verwendet der Konverter bei 1x eine Standardbreite von 1024 px – 2x ergibt dann 2048 px und 4x 4096 px. Höhere Skalierungen erzeugen größere Dateien, wählen Sie also nicht mehr als nötig.
Der Hintergrund bleibt transparent, genau wie im SVG. Brauchen Sie einen festen Hintergrund, wandeln Sie das PNG anschließend in JPG um und wählen dort eine Hintergrundfarbe.
Lokales Rendern – und was das für externe Dateien bedeutet
Markenmaterial und unveröffentlichte Illustrationen sind genau die Art von Dateien, die Sie nicht auf einen unbekannten Server laden möchten. Krawly rendert SVGs mit der Engine Ihres eigenen Browsers im Tab und sendet sie nie an die Server von Krawly. Nach dem Schließen der Seite ist nichts gespeichert.
Das Rendern in diesem abgesicherten Kontext hat einen Nebeneffekt: Ressourcen, die das SVG von anderswo einbindet, etwa externe Webfonts oder verlinkte Bilder, werden womöglich nicht geladen. Erscheint Text in der falschen Schrift oder fehlt ein eingebettetes Bild, betten Sie diese Ressourcen direkt in das SVG ein oder wandeln Sie Text in Ihrem Designprogramm vor der Umwandlung in Pfade um.
Tipps für beste Ergebnisse
- Wenn Sie SVG in PNG konvertieren, nutzen Sie 2x für Bildschirme und 4x für Druck oder große Displays.
- Wandeln Sie Text in Ihrem Designprogramm in Pfade um, wenn das PNG die falsche Schrift zeigt.
- Betten Sie verlinkte Bilder direkt in das SVG ein, damit sie im PNG erscheinen.
- Behalten Sie das SVG als Masterdatei – Sie können jederzeit ein neues PNG in anderer Skalierung exportieren.
- Brauchen Sie danach eine andere exakte Größe? Schicken Sie das PNG durch das Werkzeug zum Ändern der Bildgröße.
Häufige Fragen
Wie groß wird mein PNG?
Die Abmessungen des PNGs sind die Breite und Höhe des SVGs, multipliziert mit der gewählten Skalierung: 1x, 2x oder 4x. Hat das SVG keine Breite oder Höhe definiert, wird bei 1x eine Standardbreite von 1024 px verwendet und entsprechend hochskaliert.
Bleibt bei SVG in PNG der transparente Hintergrund erhalten?
Ja. PNG unterstützt Transparenz, jeder im SVG transparente Bereich bleibt also auch im PNG transparent. Es wird keine Hintergrundfarbe hinzugefügt, sodass sich Icons und Logos ohne Kasten auf jeden Hintergrund setzen lassen.
Warum sieht die Schrift in meinem PNG falsch aus?
Externe Schriften und andere vom SVG eingebundene Ressourcen werden aus Sicherheitsgründen bei der Umwandlung womöglich nicht geladen. Wandeln Sie den Text in Pfade um oder betten Sie die Schrift in das SVG ein und wandeln Sie dann erneut um.
Ist das PNG so scharf wie das SVG?
In der gerenderten Größe ja. Ein PNG ist jedoch ein festes Pixelraster und wird unscharf, wenn man es später vergrößert. Wählen Sie eine Skalierung, die groß genug für den geplanten Einsatz ist.
Werden meine SVG-Dateien hochgeladen?
Nein. Das Rendern geschieht vollständig in Ihrem Browser, Markenmaterial und unveröffentlichte Illustrationen bleiben also auf Ihrem Computer. Ihre SVGs werden nie an die Server von Krawly gesendet, und nach dem Schließen des Tabs ist nichts gespeichert.
Kann ich viele SVG-Icons auf einmal umwandeln?
Ja. Sie können bis zu 50 SVG-Dateien in einem Durchgang mit derselben Skalierung umwandeln und alle PNGs zusammen als ZIP-Archiv herunterladen. Jedes PNG behält den Namen seines SVGs – so bringen Sie ganze Icon-Sets in einem Schritt von SVG zu PNG.
Privat durch Bauweise. Jeder Krawly-Konverter läuft in Ihrem Browser mit JavaScript und WebAssembly. Ihre Dateien werden weder hochgeladen noch gespeichert noch von jemandem gesehen – wenn Sie den Tab schließen, sind sie weg.