SVG-zu-PNG-Konverter – SVG online in jeder Größe rastern

Machen Sie aus SVG-Vektordateien PNG-Bilder in genau der Pixelgröße, die Sie brauchen. Läuft vollständig in Ihrem Browser, ohne Upload und ohne die üblichen 150 Pixel Ausgabegröße.

Was bei der Umwandlung von SVG in PNG passiert

SVG ist kein Bild in dem Sinne, in dem PNG eines ist. Es ist ein Textdokument, das Formen, Pfade und Schrift als Mathematik beschreibt – ein Kreis ist ein Mittelpunkt und ein Radius, kein Raster farbiger Punkte. PNG ist das Gegenteil: ein festes Pixelraster, einmal festgelegt und danach unveränderlich. Die Umwandlung ist deshalb keine Umverpackung, sondern ein Rendering. Die SVG-Engine des Browsers zeichnet die Grafik in der von Ihnen gewählten Größe neu, und diese gerenderten Pixel werden zum PNG. Genau deshalb fragt dieses Tool nach Breite und Höhe, während nichts anderes auf dieser Seite das tut. Es gibt keine „Originalauflösung“, die man erhalten könnte, denn ein Vektor hat keine. Fordern Sie 512 Pixel an, wird jede Kurve bei 512 Pixeln berechnet; fordern Sie 4096 an, liefert dieselbe Datei ein knackscharfes Bild mit 4096 Pixeln, ohne Hochskalierung und ohne Unschärfe. Die gewählte Größe ist das Einzige, was über die Qualität entscheidet. Die Größensteuerung gibt es außerdem, um eine bestimmte Falle zu vermeiden. Ein SVG, dem im Wurzelelement Breite und Höhe fehlen, hat überhaupt keine eigene Größe, und ein Browser, der es als einfaches Bild zeichnen soll, greift auf einen CSS-Standardwert von rund 150 Pixeln zurück. Viele Icon-Sets, Figma-Exporte und handgeschriebene Dateien sind genau so gebaut – sie tragen nur eine viewBox, die zwar die Proportionen festlegt, aber nicht den Maßstab. Naiv konvertiert kommt ein Logo, das auf ein Plakat sollte, als Miniaturbild zurück. Dieses Tool liest die Datei zuerst aus, sagt Ihnen, wenn die Größe seine eigene Wahl und nicht die der Datei ist, und weigert sich, stillschweigend bei 150 Pixeln zu rastern.

Warum man SVG in PNG umwandelt

Fast immer, weil irgendetwas weiter hinten in der Kette keine Vektoren lesen kann – oder weil Sie ein festes Rendering brauchen statt eines, das sich je nach Programm unterscheidet.

Plattformen bedienen, die SVG-Uploads grundsätzlich ablehnen – App-Store-Grafiken, die meisten sozialen Netzwerke, Marktplatz-Inserate und E-Mail-Programme
Ein vorhersehbares Ergebnis erhalten, denn PNG sieht überall gleich aus, während SVG von der Schrift- und Filterunterstützung des Betrachters abhängt
Aus einer einzigen Quelldatei fertige Größen eines Icons oder Logos erzeugen – Favicons, App-Icons, Vorschaubilder – in 1x, 2x oder 4x
Grafiken in Software bringen, die überhaupt keine Vektoren unterstützt, von älteren Office-Paketen bis zu Spiel-Engines und Fotoeditoren

So konvertieren Sie SVG in PNG

Die einzige wirkliche Entscheidung ist die Ausgabeauflösung, über die sollten Sie vor dem Konvertieren kurz nachdenken.

1

Fügen Sie ein SVG oder einen ganzen Stapel hinzu – die eingestellte Größe gilt für jede Datei im Stapel

2

Prüfen Sie Breite und Höhe. Sie stammen aus der im SVG deklarierten Größe, sofern es eine hat, und das Tool weist darauf hin, wenn nicht

3

Stellen Sie die benötigte Auflösung ein oder tippen Sie auf 1x, 2x oder 4x. Lassen Sie das Seitenverhältnis gesperrt, außer Sie wollen die Grafik bewusst verzerren

4

Konvertieren, Vorschau prüfen und dann das PNG herunterladen oder den ganzen Stapel als ZIP holen

Häufig gestellte Fragen

Weil ein SVG keine Pixel hat, die man erhalten könnte. Jede andere Umwandlung auf dieser Seite beginnt mit einem Bild mit festem Raster – aus einem JPG mit 1920x1080 wird ein PNG mit 1920x1080, da gibt es nichts zu fragen. Ein Vektor beschreibt Formen als Gleichungen und hat deshalb keine Auflösung, solange ihn nichts rendert. Konverter, die nicht fragen, wählen einfach eine Zahl, ohne es Ihnen zu sagen – und wenn die Datei keine eigene Größe deklariert, ist diese Zahl meist der 150-Pixel-Notwert des Browsers.
Die, die Sie einstellen. Das Tool liest die viewBox der Datei aus, um die Proportionen zu ermitteln, schlägt dann 1024 Pixel auf der längeren Seite vor und sagt Ihnen deutlich, dass diese Zahl von uns stammt und nicht aus der Datei. Dieser Standardwert ist ein sicherer Ausgangspunkt, keine Empfehlung – wenn die Grafik für ein App-Icon oder den Druck gedacht ist, geben Sie die tatsächlich benötigte Größe ein. Was nie passiert: ein Durchrutschen auf 150x150, was eine naive Canvas-Umwandlung bei genau diesen Dateien liefert.
Nein, und genau das überrascht alle, die es vom Skalieren von Fotos anders kennen. Ein JPG zu vergrößern dehnt bereits vorhandene Pixel, Details verschmieren also. Ein SVG in größerer Größe zu rendern berechnet jeden Pfad neu, ein Export mit 4096 Pixeln ist deshalb exakt so scharf wie einer mit 256 Pixeln – hochskaliert wird nichts. Es kosten nur Dateigröße und Rechenzeit. Die Ausnahme sind eingebettete Rasterbilder im SVG: Das sind gewöhnliche Bitmaps, die weich werden, sobald Sie über ihre native Auflösung hinaus rendern.
Bleiben Sie beim SVG, wann immer das Ziel es akzeptiert. Im Web ist es meist kleiner, bleibt auf jedem Display und in jeder Zoomstufe scharf und lässt sich per CSS umfärben. Konvertieren Sie, wenn das Ziel keine Vektoren annimmt, wenn Sie ein garantiert identisches Rendering über alle Betrachter hinweg brauchen oder wenn das SVG auf Schriften oder Filter setzt, die der Ziel-Renderer womöglich nicht unterstützt. Üblich ist, das SVG als Master zu behalten und PNGs nach Bedarf zu exportieren – der Vektor bleibt die Quelle der Wahrheit.
Ja. PNG hat einen Alphakanal, und Flächen, die das SVG nie einfärbt, bleiben vollständig transparent – ein Logo ohne Hintergrundrechteck wird also ohne Hintergrund exportiert. Finden Sie im Ergebnis wider Erwarten eine weiße oder farbige Fläche, ist das mit ziemlicher Sicherheit ein gefülltes Rechteck im SVG selbst und nicht etwas, das die Umwandlung hinzugefügt hätte. Öffnen Sie die Datei in einem Editor und entfernen Sie diese Form.
Weil die Alternative schlimmer wäre. Wird ein SVG als Bild gezeichnet, verbieten Browser ihm jeden Netzwerkzugriff, ein verknüpftes Logo oder eine Webschrift kommt also schlicht nie an – der Export hätte an dieser Stelle eine leere Lücke, und niemand würde Sie darauf hinweisen. Statt Ihnen ein stillschweigend unvollständiges PNG zu geben, hält das Tool an und erklärt es. Betten Sie das Bild als Data-URI ein, wandeln Sie den Text in Pfade um oder reduzieren Sie die Datei in Ihrem Editor auf eine Ebene, dann läuft die Umwandlung normal durch.
Nein. Das SVG wird vollständig in Ihrem Browser gelesen, gerendert und kodiert, die Datei verlässt Ihr Gerät nie. Das zählt hier mehr als sonst, denn SVGs sind reiner Text und tragen regelmäßig Ebenennamen, Kommentare und interne Bezeichner aus dem Designprogramm mit sich, das sie erzeugt hat. Nichts davon geht irgendwohin. Die praktische Grenze ist der Arbeitsspeicher Ihres Geräts und keine Upload-Beschränkung – deshalb werden sehr große Ausgabegrößen blockiert, bevor sie überhaupt versucht werden.
Browser begrenzen das Canvas, auf dem gerendert wird – auf rund 16384 Pixel je Seite, mit einer Gesamtfläche, die auf Smartphones noch niedriger liegt. Jenseits dieser Grenze meldet ein Canvas keinen Fehler, es gibt einfach eine leere Bitmap zurück, und der Download wäre ein leeres Bild. Das Tool prüft Ihre Wunschgröße vorab gegen diese Grenzen und lehnt sie mit einer Meldung ab. Für wirklich riesige Ausgaben rendern Sie das SVG in einem Desktop-Programm wie Inkscape, das nicht an das Canvas des Browsers gebunden ist.

Weitere Bildwerkzeuge

Entdecken Sie weitere leistungsstarke Werkzeuge für Ihre Bildbearbeitung

Bild komprimieren

Größe reduzieren

Größe ändern

Abmessungen ändern

Bild zuschneiden

Bereich ausschneiden

Foto-Editor

Fotos bearbeiten

Bild drehen

Bild drehen

Bild Spiegeln

Horizontal/Vertikal

Wasserzeichen hinzufügen

Wasserzeichen

Rahmen Hinzufügen

Bildrahmen hinzufügen

Abgerundete Ecken

Abgerundete Ecken hinzufügen

Filter

Helligkeit/Kontrast

Gesicht weichzeichnen

Gesichter verbergen

Mosaik

Bereiche verwischen

Hintergrund entfernen

Hintergrund entfernen

Bild verbessern

KI-Upscale

Text Hinzufügen

Text zum Bild hinzufügen

Collage

Mehrere Bilder kombinieren

HTML zu Bild

Web zu Bild

GIF zu Bildsequenz

Frames extrahieren

Bild zuschneiden

Leere Ränder entfernen

Bilder stapelweise umbenennen

Dateien sicher gesammelt umbenennen

Kreis zuschneiden

Bilder rund zuschneiden

Schwarzweiß

Bilder in Graustufen umwandeln

Bild aufteilen

Ein Bild in ein Raster schneiden

Bilder zusammenführen

Bilder zu einem zusammenfügen

DPI ändern

DPI-Metadaten eines Bilds festlegen

Bild zu Base64

Bilder als Base64 kodieren

Bild zu PDF

Bilder zu einer PDF kombinieren

HEIC in JPG

iPhone-HEIC-Fotos in JPG umwandeln

EXIF-Entferner

Verborgene Fotometadaten einsehen und entfernen, einschließlich GPS-Standort

Favicon-Generator

Vollständiges Icon-Set plus HTML

Farbpalette

Farben aus einem Bild extrahieren

Base64 zu Bild

Base64 wieder in ein Bild dekodieren

HEIC in PNG

iPhone-HEIC-Fotos verlustfrei in PNG umwandeln

Text hinter Bild

Text hinter das Motiv eines Fotos setzen, vollständig im Browser

Farbpipette

HEX, RGB und HSL jedes Pixels auslesen

Unterschrift erstellen

Unterschrift zeichnen und als transparentes PNG herunterladen

Unterschrift freistellen

Tinte vom Papier, auf Transparenz

Hintergrund transparent machen

Hintergrund transparent machen