ConvertBlink
DE

SVG in PNG umwandeln: Vektoren im Browser rastern

SVG-Vektordateien direkt im Browser in PNG-Bitmaps rastern. Behält den Alphakanal, steuert die Ausgabegröße. Ohne Upload, ohne Wasserzeichen, ohne Anmeldung.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

Datei hierher ziehen

oder

Wie es funktioniert

Designer liefern Logos und Icons als SVG, weil die Datei nur XML ist, das ein Renderer bei jeder Zoomstufe scharf neu zeichnet. Schwierig wird es in dem Moment, in dem diese Datei an etwas geht, das keinen SVG-Renderer ausführt: ein Upload-Formular auf einem Marktplatz, ein E-Mail-Programm, eine Präsentation, die Druckerei. Die wollen ein Pixelraster. Genau das liefert das Rastern der SVG nach PNG, eingefroren auf eine Auflösung. Dieses Tool übergibt die SVG der Rendering-Engine Ihres eigenen Browsers, zeichnet sie auf ein Canvas und liest das Canvas wieder als PNG aus. Die Ausgabemaße stammen aus der Datei selbst: Der Konverter nutzt die Attribute width und height der SVG und greift auf die viewBox zurück, wenn diese fehlen. Eine SVG mit 512 mal 512 landet als 512 mal 512 großes PNG. Brauchen Sie eine andere Größe, setzen Sie diese Werte vor dem Umwandeln, denn das Vergrößern des Vektors kostet nichts, während das Hochskalieren eines fertigen PNG es nur unscharf macht. Das Schreiben des PNG selbst ist verlustfrei, beim Kodieren geht also kein Pixel verloren. Das Einzige, was Sie aufgeben, ist die Auflösungsunabhängigkeit der SVG: Eine Bitmap ist an ihr Raster gebunden und lässt sich nachträglich nicht schärfen. Die Transparenz bleibt jedoch vollständig erhalten. PNG führt einen vollen Alphakanal, transparente und halbtransparente Bereiche bleiben also transparent, statt auf einen Hintergrund reduziert zu werden. Alles läuft lokal in JavaScript. Die Datei wird auf Ihrem eigenen Rechner eingelesen, gerendert und kodiert und erreicht nie einen Server. Genau das wollen Sie bei noch nicht veröffentlichten Logos und Kundenarbeit unter NDA.

Verwandte Konvertierungs-Tools

Entdecken Sie weitere leistungsstarke Konverter, die für Ihren Workflow nützlich sein könnten

SVG in JPEG: Vektorgrafik auf weißem Grund rastern

SVG-Vektordateien im Browser zu JPEG rastern. Transparenz wird auf Weiß reduziert, die Ausgabe ist verlustbehaftet bei Qualität 0,92. Ohne Upload, ohne Wasserzeichen.

.svg
Jetzt testen

SVG in WebP: Vektoren rastern, Transparenz behalten

SVG-Vektoren im Browser zu WebP rendern. Behält den Alphakanal, kleiner als PNG, ohne Upload oder Anmeldung. Exportgröße direkt über die SVG steuern.

.svg
Jetzt testen

AVIF in PNG umwandeln: AV1-Bilder direkt im Browser

AVIF-Bilder (AV1) im Browser verlustfrei in PNG umwandeln, Transparenz Pixel für Pixel erhalten. Ohne Upload, ohne Server, komplett privat und kostenlos.

.avif
Jetzt testen

Base64 zu PNG: Data-URIs im Browser dekodieren

Base64-String oder data:-URI einfügen und lokal als PNG dekodieren. Behält die Alpha-Transparenz, ohne Upload, ohne Server. Dekodierung rein im Browser.

.txt
Jetzt testen

PNG in JPEG umwandeln - große Foto-PNGs verkleinern

PNG direkt im Browser in JPEG umwandeln und die Dateigröße von Fotos reduzieren. Verlustbehaftet mit Qualität 85, Transparenz wird auf einen Hintergrund gelegt. Kein Upload, deine Dateien bleiben auf dem Gerät.

.png
Jetzt testen

JPEG in PNG umwandeln: verlustfreie Kopie im Browser

JPEG lokal in PNG umwandeln, ohne Upload. Verlustfreie Arbeitskopie für Tools, die PNG verlangen. Ehrlich dazu, warum es keine Qualität hinzufügt und größer wird.

.jpg.jpeg
Jetzt testen

MehrSVG

svg → jpgsvg → webp

Konvertieren zuPNG

avif → pngbase64 → pngbmp → pnggif → pngheic → png
Alle Konverter anzeigen

Funktionen

  • Keine Datei-Uploads erforderlich
  • 100% datenschutzorientiert
  • Browser-basiert
  • Schnelle Verarbeitung
  • Für immer kostenlos

Unterstützte Formate

.svg

Ausgabe: PNG

Technische Spezifikationen

input Format SVG (Scalable Vector Graphics, XML-basierter Vektor)
output Format PNG (Portable Network Graphics, Raster-Bitmap)
compression Type Rasterung, dann verlustfreie DEFLATE-PNG-Kodierung
quality Retention Verlustfrei in der gerenderten Auflösung; die Vektor-Skalierbarkeit geht beim Rastern verloren
color Space Support RGB mit vollem 8-Bit-Alpha (Transparenz erhalten)
max Resolution Nur durch den Arbeitsspeicher Ihres Geräts begrenzt
processing Time Sofort, läuft in Ihrem Browser

Hauptvorteile

  • Vektorgrafiken in Tools und Plattformen einfügen, die SVG ablehnen
  • Transparente und halbtransparente Bereiche bleiben über den Alphakanal von PNG erhalten
  • Verlustfreie PNG-Kodierung in der Auflösung, die Ihre SVG angibt
  • Vorhersehbare Ausgabegröße, gesteuert durch die Maße der SVG selbst
  • 2x- oder High-DPI-Bitmaps über die Quellgröße erzeugen, ohne Qualitätsverlust
  • Läuft vollständig im Browser, vertrauliche Designs werden also nie hochgeladen
  • Funktioniert auf jedem Gerät mit modernem Browser, auch Smartphones und Tablets

Häufige Anwendungsfälle

  • Ein Logo auf eine Plattform oder einen Marktplatz hochladen, der nur Rasterbilder annimmt
  • Vektor-Icons in Word, PowerPoint, Google Docs oder Slides einbetten
  • Vorschauen oder Thumbnails von SVG-Assets in fester Größe erzeugen
  • E-Mail-Signaturen und Chat-Apps, die SVG entfernen oder blockieren
  • Print-on-Demand- und App-Store-Einträge, die PNG-Uploads verlangen
  • Grafiken mit Software teilen, die SVG gar nicht öffnen kann
  • App-Icons oder Favicons in einer bestimmten Pixelgröße aus einem Master-Vektor exportieren

Profi-Tipps

  • Vor dem Umwandeln explizite width und height in der SVG setzen, um die exakte Pixelgröße festzulegen
  • Höhere Auflösung nötig? Vergrößern Sie die Maße der SVG, nicht das fertige PNG
  • Text in Pfade umwandeln und referenzierte Bilder als Data-URIs einbetten, damit sie gerendert werden
  • PNG statt JPG wählen, wann immer Sie Transparenz oder scharfe Kanten bei Flächenfarben brauchen
  • Die Original-SVG archivieren für alles, was unendlich skalierbar bleiben muss
  • In der größten plausibel benötigten Größe rendern, da ein PNG sich nachträglich nicht schärfen lässt

Häufig gestellte Fragen

Viele Ziele lehnen SVG aus Sicherheits- oder Kompatibilitätsgründen ab: die meisten sozialen Plattformen, E-Mail-Signaturen, Slack und andere Chat-Apps, Word und PowerPoint sowie viel Print-on-Demand- und Altsoftware. Die wollen eine Raster-Bitmap. PNG liefert genau das und behält dabei den transparenten Hintergrund, sodass ein Logo oder Icon ohne weißen Kasten drumherum eingefügt wird.
Sie ergibt sich aus den Attributen width und height Ihrer SVG oder aus der viewBox, falls diese fehlen. Eine SVG mit 512 mal 512 wird zu einem 512 mal 512 großen PNG. Für ein größeres oder kleineres Ergebnis ändern Sie diese Maße in der SVG vor dem Umwandeln. Den Vektor hochzuskalieren kostet nichts, das PNG danach zu vergrößern macht es unscharf.
Ja. PNG unterstützt einen vollen 8-Bit-Alphakanal, transparente und teiltransparente Bereiche der SVG überstehen die Umwandlung also. Das ist der Hauptgrund, für eine SVG PNG statt JPG zu wählen, das sonst auf einen einfarbigen Hintergrund reduziert würde.
In der Größe, in der es gerendert wurde, ja, Pixel für Pixel scharf. Der Unterschied zeigt sich erst beim Skalieren: Die SVG zeichnet sich in jeder Größe perfekt neu, während das PNG an sein Pixelraster gebunden ist und beim Vergrößern unscharf wird. Rendern Sie in der größten realistisch benötigten Größe und behalten Sie die Original-SVG für alles, was skalierbar bleiben muss.
Der Browser rendert die SVG als eigenständiges Dokument, sodass alles von außen Eingebundene (eine von Ihrer Seite geladene Webschrift oder ein verlinktes externes Bild) während der Umwandlung nicht verfügbar ist. Wandeln Sie Text in Pfade um oder betten Sie die Schrift als base64 ein, binden Sie referenzierte Bilder als Data-URIs inline ein und wandeln Sie dann erneut um, für ein korrektes Ergebnis.
Ja, über die Quellgröße. Verdoppeln Sie width und height der SVG (zum Beispiel von 256 auf 512) vor dem Umwandeln und Sie erhalten eine 2x-Bitmap ohne Qualitätsverlust, weil sich der Vektor in der neuen Größe neu zeichnet. Ein bereits gerendertes PNG hochzuskalieren funktioniert nicht genauso, es interpoliert nur und macht die Kanten weicher.
Nein. Die SVG wird vollständig in Ihrem Browser mit JavaScript und einem Canvas eingelesen, gerendert und kodiert. Nichts wird an einen Server gesendet, gespeichert oder protokolliert, das macht es sicher für vertrauliches Branding und unveröffentlichte Designarbeit.
JPG ist verlustbehaftet und kennt keine Transparenz, transparente SVG-Bereiche werden also mit Weiß gefüllt und scharfe Kanten können Kompressionsartefakte bekommen. PNG ist verlustfrei und behält den Alphakanal, was es zur besseren Wahl für Logos, Icons und flächige Illustrationen macht. Wählen Sie JPG nur für dichte, fotografische Motive, bei denen eine kleinere Datei mehr zählt als eine saubere Kante.