SVG zu PNG
Fügen Sie SVG-Code ein oder laden Sie eine SVG-Datei hoch, wählen Sie eine Skalierung von 1x bis 4x und einen Hintergrund und laden Sie ein gestochen scharfes PNG herunter. Das SVG wird nur als Bild gerendert und nie in die Seite eingefügt.
Läuft in Ihrem Browser. Ihre Dateien werden nie hochgeladen.
Wird geladen…
Schaltflächen und Beschriftungen im Tool sind auf Englisch; diese Seite erklärt, wie Sie es benutzen.
So verwenden Sie SVG zu PNG
- Laden Sie eine SVG-Datei hoch oder fügen Sie ihren Code in das Feld ein.
- Wählen Sie eine Skalierung von 1x bis 4x.
- Lassen Sie den Hintergrund transparent oder schalten Sie das aus und wählen Sie eine Farbe.
- Prüfen Sie die Vorschau und klicken Sie auf „PNG herunterladen“.
Vorteile dieses Tools
- Skalierung bis 4x. Rendern Sie mit höherer Auflösung für scharfe Icons, Folien und Druck.
- Transparent oder einfarbig. Behalten Sie die Transparenz oder füllen Sie den Bereich hinter der Grafik mit einer beliebigen Farbe.
- Sicheres Rendern. Das SVG wird als Bild geladen, daher können darin enthaltene Skripte nicht ausgeführt werden, und es wird nie dem DOM der Seite hinzugefügt.
- Liest Größen automatisch. Nutzt width, height oder viewBox und ergänzt bei Bedarf einen fehlenden Namespace.
Häufige Fragen
Warum SVG in PNG umwandeln?
SVG ist ein Vektorformat, das sich ohne Unschärfe skalieren lässt, aber nicht jede App akzeptiert es. E-Mail-Programme, viele soziale Netzwerke, Textverarbeitungen und manche Upload-Formulare brauchen Rasterdateien wie PNG. Die Umwandlung erzeugt ein Bild fester Größe, das fast überall funktioniert.
Warum ist mein SVG leer oder zeigt einen Fehler?
Das Markup ist vielleicht ungültig, es fehlt das schließende svg-Tag, oder es nutzt externe Dateien. Als Bilder gezeichnete SVGs können keine externen Stylesheets, Schriften oder Bilder laden, daher erscheinen diese Teile nicht. Betten Sie Schriften als Pfade und Bilder als Data-URLs ein, um das beste Ergebnis zu erhalten.
Wie groß wird das PNG?
Die Basisgröße stammt aus den Attributen width und height oder, falls diese fehlen, aus der viewBox. Die Skalierung multipliziert sie, ein SVG mit 100 mal 100 wird bei 3x also zu einem PNG mit 300 mal 300. Gibt es keine Größenangaben, wird 300 mal 150 angenommen und ein Hinweis erscheint.