Convert SVG to PNG or JPEG — 100% in your browser
Click "Convert to Image" to convert & download
Processing uses browser-native Canvas and File APIs, so output can vary slightly between browsers. All processing runs locally in your browser.
SVG stores a drawing as math — paths, shapes, coordinates — so it scales to any size with zero quality loss. PNG/JPEG store a fixed grid of pixels. Converting "rasterizes" the math onto a grid at the size you choose: bigger size → sharper edges but a larger file; smaller → compact but softer curves.
A circle is a single element in SVG — one line of math. Rasterized at 64px it shows stair-stepped edges; at 512px the same math yields smooth edges. That is why the size slider matters.
The same logo as SVG, converted at three sizes.
Convert SVG to PNG or JPG with custom dimensions and transparent background. Everything runs locally; nothing is uploaded.
FreeToolHub SVG to PNG / JPEG is a free browser-based tool — convert SVG to PNG or JPG with custom dimensions and transparent background. No signup, no upload; everything runs locally in your browser.
Konvertieren Sie SVG in PNG oder JPG mit benutzerdefinierten Abmessungen und transparentem Hintergrund. Live-Vorschau. Kostenlos, 100 % browserbasiert.
Der SVG-Konverter wandelt Vektor-SVG-Quellen in PNG- oder JPEG-Bitmap-Grafiken bei jeder Auflösung von 64 bis zu 2048 Pixeln vollständig in Ihrem Browser um. Fügen Sie SVG-Markup direkt in den Code-Editor ein oder laden Sie eine .svg-Datei hoch, und eine Live-Vorschau wird bei jeder Bearbeitung neu gerendert; wenn Ihre Quelle keine viewBox hat, wird automatisch eine aus den width- und height-Attributen generiert, damit das Skalieren korrekt funktioniert. Die Ausgabe ist quadratisch in der gewählten Größe, PNG behält den transparenten Hintergrund bei, und JPEG wird mit einer festen Qualität von 0,92 kodiert. Das Ergebnis-Panel meldet die genauen Abmessungen, das Format und die kodierte Dateigröße, bevor Sie es übernehmen, wodurch dies eine schnelle Brücke vom Vektor-Design zur Raster-Lieferung ist.
Designer, die Icons exportieren, erstellen pixelgenaue Raster-Versionen in jeder gängigen Größe, ohne einen Desktop-Editor zu öffnen. Entwickler, die SVG-Logos erhalten, aber PNG-Fallbacks für E-Mail-Vorlagen, Office-Dokumente oder ältere Plattformen benötigen, konvertieren in Sekunden. Content-Ersteller wandeln Vektor-Illustrationen für Plattformen um, die SVG-Uploads ablehnen – viele soziale Netzwerke und CMS-Bildfelder tun dies noch. Präsentations-Ersteller exportieren bei der maximalen Größe von 2048 Pixeln für scharfe vollständige Folien-Grafiken. Schüler und Hobbyisten, die mit SVG-Markup experimentieren, erhalten sofortiges visuelles Feedback von der Live-Vorschau, die fehlerhaftes Markup vor der Konvertierung aufdeckt. Da Ihr SVG-Text niemals den Browser verlässt, bleibt kundeigenes Vektor-Kunstwerk während des gesamten Prozesses vertraulich.
(1) Geben Sie die SVG-Quelle an: fügen Sie Markup in den Code-Bereich ein, klicken Sie auf Upload SVG, um eine Datei zu laden, oder drücken Sie Sample für ein funktionierendes Beispiel. (2) Stellen Sie die Ausgabegröße am Schieberegler von 64 bis 2048 Pixeln ein und wählen Sie PNG oder JPEG. (3) Klicken Sie auf Convert to Image. Ihr Markup wird geparst, mit expliziten width- und height-Attributen versehen, serialisiert und bei der gewählten Auflösung auf eine Canvas gerendert; PNG bewahrt Transparenz, während JPEG mit 0,92 Qualität kodiert wird. (4) Überprüfen Sie das gerenderte Ergebnis mit den gemeldeten Abmessungen und der Dateigröße, laden Sie es dann herunter – die Datei heißt svg- plus Ihre gewählte Größe, wie svg-512x512.png – und ein Toast bestätigt jeden Erfolg.
Wählen Sie PNG, wenn die Grafik Transparenz, scharfe Kanten, Text oder flache Farben enthält – Logos, Icons und UI-Elemente. PNG ist verlustfrei, Linien bleiben bei jeder Exportgröße scharf, und der transparente Hintergrund bleibt erhalten, was wichtig ist, wenn ein Markenzeichen sauber über jedem Hintergrund sitzen muss. Wählen Sie JPEG nur für kontinuierliche Toninhalte wie Verläufe oder eingebettete Fotografien, wobei seine verlustbehaftete Komprimierung bei der festen Qualität von 0,92 merklich kleinere Dateien erzeugt und die subtilen Artefakte verschwinden. Eine Einschränkung: JPEG kann keine Alpha-Kanäle speichern, daher werden transparente Bereiche in der JPEG-Ausgabe schwarz gerendert. Für Icons und Logos ist die Antwort fast immer PNG; reservieren Sie JPEG für SVG-Illustrationen, die sich wie Fotografien verhalten.
SVG ist Mathematik, daher wird die Qualität ausschließlich von der Rastergröße bestimmt, die Sie wählen, nicht vom Konverter. Stellen Sie die Ausgabebreite und -höhe auf mindestens die größte Größe ein, bei der Sie sie anzeigen werden (oder verwenden Sie die 300-DPI-Voreinstellung für den Druck). PNG ist verlustfrei, daher werden die Pixel nach der Rasterisierung bei dieser Größe nie weiter verschlechtert – das Hochskalieren danach ist es, was Kanten verschwimmen lässt.
JPEG hat keinen Alpha-Kanal, daher muss Transparenz mit einer festen Farbe gefüllt werden – das Tool füllt sie standardmäßig mit Weiß. Wenn Sie Transparenz beibehalten möchten, wählen Sie PNG oder WebP als Ausgabeformat; beide bewahren den Alpha-Kanal genau so, wie er im SVG definiert war.
96 DPI entspricht der Standard-Bildschirmdarstellung und ist für Web-Assets richtig; 72 DPI erzeugt kleinere Legacy-Exporte; 150 DPI eignet sich für typische Dokumenteneinbettungen; 300 DPI ist der Druckstandard. Die Voreinstellungen berechnen Pixelabmessungen aus der SVG-ViewBox, daher wird eine 100x100-ViewBox bei 300 DPI als 313x313 Pixel exportiert.
Nein. Die Konvertierung verwendet die nativen Canvas- und File-APIs des Browsers vollständig auf Ihrem Gerät – Ihre SVG-Quelle und die Rasterausgabe verlassen niemals den Browser. Die Ausgabe kann je nach Browser sehr leicht variieren, da jeder seinen eigenen Rasterizer hat, was auch bei jedem clientseitigen Konverter der Fall ist.
Ja. Das Tool bewahrt SVG-Transparenz bei der Konvertierung in PNG. Sie können auch eine benutzerdefinierte Hintergrundfarbe (Weiß, Schwarz oder jede Hex-Farbe) festlegen. Für JPG-Ausgabe wird Transparenz durch Weiß ersetzt, da JPG keine Alpha-Kanäle unterstützt. Legen Sie benutzerdefinierte Ausgabeabmessungen fest oder verwenden Sie die native Größe des SVG.
Eingebettete Schriftarten und Inline-Bilder werden korrekt konvertiert. Externe Verweise (Schriftarten, die über @font-face-URL geladen werden, oder <image href="external-url">) werden möglicherweise nicht gerendert, wenn die externen Ressourcen durch CORS blockiert werden. Für beste Ergebnisse betten Sie alle Schriftarten und Bilder inline in das SVG vor der Konvertierung ein.
Yes. The tool preserves SVG transparency when converting to PNG. You can also set a custom background color (white, black, or any hex color). For JPG output, transparency is replaced with white since JPG does not support alpha channels. Set custom output dimensions or use the SVG's native size.
Embedded fonts and inline images convert correctly. External references (fonts loaded via @font-face URL, or <image href="external-url">) may not render if the external resources are blocked by CORS. For best results, embed all fonts and images inline in the SVG before conversion.
What do you call a really smart cookie?
No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.
☕Support me on Ko-fi— support the free tier100% of proceeds go towards hosting & building more free tools.