Zum Hauptinhalt springen

SVG in PNG umwandeln

SVG-Vektoren in jeder gewünschten Auflösung nach PNG rastern — in jeder Größe scharf, komplett im Browser.

Selbst gemessen: echte Dateigrößen

Einstellungen: Ausgabebreite 512 px (Standard)

TestfallVorherNachherÄnderung
Vektordiagramm512×341574 B17.9 KB+3087%
Was die Zahlen sagen

Das Quell-SVG besteht aus 574 Byte Text. Mit 512 px Breite gerastert wird daraus ein PNG von 17,9 KB — rund 32-mal größer, und nun auf 512 px festgelegt, während das SVG in jeder Größe scharf war. Rastere, wenn ein Programm SVG ablehnt, nicht um Platz zu sparen — und wähl die Ausgabebreite bewusst: sie bestimmt die Dateigröße.

Gemessen am 2026-07-28: Die Dateien liefen in Chromium 151.0.7922.34 durch genau diese Seite. Jede Seite nutzt dieselben veröffentlichten Testdateien, damit die Werte über alle Konverter hinweg vergleichbar bleiben.Methode und Testbilder herunterladen →

Was ist die SVG-zu-PNG-Umwandlung?

Dieses Tool rastert einen SVG-Vektor in eine PNG-Bitmap. Da SVG mit mathematischen Pfaden beschrieben wird und unbegrenzt skaliert, wählst du zuerst die Ausgabegröße und es bleibt in jeder Auflösung scharf. Alles geschieht lokal im Browser, ohne Upload. PNG ist ein verlustfreies Format mit Transparenz-Unterstützung, sodass die Qualität beim Speichern nie leidet. Ideal für Logos, Icons, Screenshots mit Text und Bilder mit transparentem Hintergrund – die Dateien sind allerdings meist größer.

So funktioniert es

  1. SVG-Dateien auswählen oder hineinziehen (mehrere möglich).
  2. Ausgabebreite wählen (die Höhe ergibt sich automatisch aus dem Seitenverhältnis).
  3. Auf Herunterladen klicken, um das PNG zu speichern; mehrere Dateien lassen sich als ZIP bündeln.

Warum du zuerst eine Größe wählst

Ein SVG hat keine eigenen festen Pixel — beim Umwandeln in ein Rasterformat wie PNG musst du also festlegen, mit wie vielen Pixeln gerendert wird. Verlässt du dich auf die winzige eingebaute Größe (bei Icons oft 24×24), wirkt das Ergebnis klein und unscharf. Eine größere Breite vor dem Rastern zu wählen liefert ein scharfes, hochauflösendes Ergebnis — genau das, was „svg to png in hoher Qualität" wirklich braucht.

Vor dem Umwandeln in PNG „wie groß?" entscheiden

SVG ist vektorbasiert — ohne feste Größe, in jedem Maßstab scharf. PNG ist rasterbasiert, und im Moment der Umwandlung sind die Maße festgebrannt. Die entscheidende Wahl bei SVG-zu-PNG ist also nicht das Format, sondern die Ausgabeauflösung: Exportierst du zu klein, wird es unscharf, sobald jemand es hochskaliert. In der Praxis:

  • Für ein Favicon oder App-Icon in den genauen Zielgrößen exportieren (16, 32, 180, 512 px), statt eine Größe passend zu skalieren.
  • Für Folien oder Druck mit der 2–3-fachen Anzeigebreite exportieren — lieber zu groß als zu klein.
  • Der transparente Hintergrund bleibt vollständig erhalten — der Hauptgrund, PNG statt JPG zu wählen.

Wenn du nur ein Raster brauchst, das sich überall einfügen lässt und Transparenz behält, ist PNG die Standardantwort.

Der größte der drei Ausgänge – wann lohnt er sich?

Unser Diagramm geht von 574 B auf 17.9 KB (+3087%), während dieselbe Datei als JPG 13.2 KB und als WebP nur 6.6 KB wird. PNG ist das größte, weil es das einzige verlustfreie der drei ist. Die Fälle, die diesen Preis rechtfertigen, sind konkret: Das Bild hat einen transparenten Hintergrund zu bewahren; es wird später beschnitten, komponiert oder neu exportiert (ein verlustbehaftetes Format verliert bei jedem Speichern etwas mehr); oder das Ziel braucht exakte Pixel, etwa ein Favicon oder ein UI-Asset. Trifft keines zu, sind 17.9 KB schlicht zu viel bezahlt. Und dieser Anstieg von +3087% ist keine Verschwendung durch PNG — die 574 B große Quelle sind ein paar Zeichenanweisungen, die Ausgabe muss jedes Pixel aufzählen, das diese Anweisungen bedeckten.

Häufig gestellte Fragen

Wie groß wird das PNG, und kann ich das ändern?

Die Ausgabebreite steht standardmäßig auf 512 px, und diese Wahl ist die ganze Geschichte: Unser 574 Byte großes Test-SVG wurde ein 17,9 KB großes PNG, plus 3087%. Ein SVG ist ein paar Zeilen Text, die der Browser in jeder Größe zeichnet, ein PNG muss echte Pixel speichern — die Datei wächst also mit dem Quadrat der Breite. Entscheide vor dem Umwandeln, welche maximale Größe du wirklich brauchst, und setze die Breite darauf.

Werden meine SVG-Dateien hochgeladen?

Nein. Die Umwandlung läuft komplett im Browser mit Canvas. Dein SVG wird nie an einen Server gesendet oder gespeichert.

Kann ich SVG ohne Unschärfe in PNG umwandeln?

Ja. SVG ist ein Vektor und skaliert unbegrenzt, daher kannst du hier vor dem Rastern eine größere Ausgabebreite wählen (etwa 1024 oder 2048px) und erhältst ein scharfes, hochauflösendes PNG.

Welche Größe soll ich wählen?

Nutze 256–512px für Favicons oder Icons, 1024px für ein typisches Webbild und 2048px oder mehr für Druck oder große Grafiken. Größer ist schärfer, aber die Datei wird größer.

Behält PNG den transparenten Hintergrund?

Ja. PNG unterstützt Transparenz, daher bleiben die transparenten Bereiche deines SVG erhalten.

Weiterlesen

SVG in PNG umwandeln — und die richtige Auflösung wählen →

Dieses Tool einbetten

Binde dieses Tool kostenlos auf deiner Website oder deinem Blog ein — kopiere einfach den Code unten (er enthält einen Link zurück zu dieser Seite).