SVG in PNG umwandeln
SVG in PNG umwandeln im Browser: SVG-Datei oder Code einfügen, bis 8-fach scharf skalieren und als PNG, JPG oder WebP mit eigenem Hintergrund speichern.
Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.
SVG als PNG speichern
Mit diesem Werkzeug können Sie eine SVG in PNG umwandeln, ohne Grafikprogramm. Laden Sie eine Datei oder fügen Sie den SVG-Code ein, wählen Sie die Skalierung, und der Browser zeichnet die Vektorgrafik in der gewünschten Größe als Pixelbild. So lässt sich eine SVG als PNG speichern (oft gesucht als „SVG zu PNG“), etwa für Präsentationen, E-Mails, Messenger oder Programme, die keine Vektorgrafiken kennen. Auch SVG in JPG und WebP ist möglich.
Weil SVG verlustfrei skaliert, können Sie SVG skalieren, ohne dass Kanten unscharf werden: Ein Logo mit 200 × 50 Pixeln wird bei 4-fach zu einem scharfen PNG mit 800 × 200 Pixeln. Die Ausgangsgröße liest das Werkzeug aus den Attributen width und height oder, falls diese fehlen, aus der viewBox. Prozentangaben ohne viewBox ersetzt es durch 300 × 150 Pixel, den Standard für Grafiken ohne Größenangabe. Wenn Sie die Datei vorher verkleinern möchten, hilft SVG optimieren.
Grenzen beim SVG konvertieren: Externe Bilder, Webfonts und Stylesheets, auf die die SVG verweist, lädt der Browser aus Sicherheitsgründen nicht nach. Texte erscheinen dann in einer Ersatzschrift; wandeln Sie Schriften im Grafikprogramm vorher in Pfade um. Skripte und Animationen in der SVG werden nicht ausgeführt, es entsteht ein Standbild. Die Bilder werden nur in Ihrem Browser über ein Canvas verarbeitet und als Download angeboten. Es wird nichts hochgeladen, auch nicht zur Umwandlung auf einen Server.
Anleitung: SVG in PNG umwandeln in 5 Schritten
- Mit „SVG-Datei wählen“ eine Datei öffnen oder den SVG-Code in das Textfeld einfügen.
- Unter „Zielformat“ PNG, JPG oder WebP wählen.
- Die Skalierung von 1-fach bis 8-fach oder eine feste Breite in Pixeln festlegen.
- Hintergrundfarbe wählen oder für PNG und WebP „Transparenter Hintergrund“ aktivieren.
- Das Ergebnis in der Vorschau prüfen und mit „Herunterladen“ speichern.
Typische Anwendungsfälle
- Logo für Präsentationen: Ein SVG-Logo als scharfes PNG in doppelter oder vierfacher Größe für PowerPoint speichern.
- Social Media und Messenger: Vektorgrafiken in PNG oder JPG umwandeln, weil viele Plattformen kein SVG annehmen.
- App- und Shop-Bilder: Mit fester Breite genau die geforderte Pixelgröße erzeugen.
- E-Mail-Signaturen: Ein Icon als PNG einbinden, da viele E-Mail-Programme SVG nicht anzeigen.
Häufige Fragen
Wie wandle ich eine SVG in PNG um?
SVG-Datei wählen oder den Code einfügen, Skalierung festlegen und auf „Herunterladen“ klicken. Das PNG entsteht in Ihrem Browser.
Wird das PNG scharf?
Ja, solange Sie die gewünschte Größe direkt hier einstellen. Die SVG wird in der Zielgröße neu gezeichnet. Ein kleines PNG nachträglich zu vergrößern, wird dagegen unscharf.
Warum fehlt Text oder sieht die Schrift anders aus?
Webfonts, die die SVG von außen nachlädt, werden bei der Umwandlung im Browser nicht geladen. Wandeln Sie Text im Grafikprogramm in Pfade um oder betten Sie die Schrift ein.
Bleibt der Hintergrund transparent?
Bei PNG und WebP ja, wenn „Transparenter Hintergrund“ aktiv ist. JPG kennt keine Transparenz und nutzt immer die gewählte Hintergrundfarbe.
Ist es sicher, fremde SVG-Dateien hier zu öffnen?
Die SVG wird als Bild gezeichnet. In diesem Modus führen Browser keine Skripte aus und laden keine externen Inhalte. Nichts wird hochgeladen.
Kann ich auch PNG in SVG umwandeln?
Nicht mit diesem Werkzeug. Aus einem Pixelbild wird eine Vektorgrafik nur durch Nachzeichnen, etwa mit der Funktion „Bitmap nachzeichnen“ in Inkscape. Bei Fotos und feinen Verläufen ist das Ergebnis meist unbefriedigend.
Wie erstelle ich aus einer SVG ein PNG mit 512 Pixeln Breite?
Wählen Sie unter „Skalierung“ die Option „feste Breite“ und tragen Sie 512 ein. Die Höhe ergibt sich aus dem Seitenverhältnis der SVG, bei einem quadratischen Icon also 512 × 512 Pixel.
Das könnte auch helfen
Farbumwandler
HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.
ÖffnenFarbpalette aus Bild
Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.
ÖffnenKontrast prüfen (WCAG)
Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.
ÖffnenCSS-Gradient-Generator
Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.
ÖffnenBox-Shadow-Generator
CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.
ÖffnenFlexbox-Generator
Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.
Öffnen