tigtools

SVG-zu-PNG-Konverter

Fügen Sie SVG-Code ein oder wählen Sie eine .svg-Datei aus, legen Sie die Ausgabegröße fest und laden Sie ein PNG herunter. Das SVG wird in Ihrem Browser gerendert und nie hochgeladen.

Läuft in Ihrem Browser Keine Anmeldung erforderlich

oder hier ablegen. Die Datei bleibt auf Ihrem Gerät.

Anleitung

  1. Wählen Sie eine .svg-Datei (bis zu 5 MB) aus oder fügen Sie SVG-Code in das Feld ein.
  2. Wählen Sie einen Skalierungsfaktor, zum Beispiel 2× für Displays mit hoher Pixeldichte, oder geben Sie eine genaue Breite in Pixeln ein.
  3. Behalten Sie den transparenten Hintergrund bei oder wählen Sie eine Farbe aus.
  4. Prüfen Sie die Vorschau und laden Sie das PNG herunter – oder WebP, falls Ihr Browser das unterstützt.

So funktioniert es

SVG ist ein Vektorformat: Formen werden mathematisch beschrieben und lassen sich deshalb bei jeder Größe scharf darstellen. PNG besteht aus einem Raster aus Pixeln und wird von vielen Apps, Dokumenten, E-Mail-Programmen und sozialen Netzwerken benötigt. Dieses Tool rendert das SVG mit der browserinternen Darstellung in der gewählten Größe und speichert die Pixel als PNG.

Die Ausgangsgröße ergibt sich aus den Attributen width und height des SVG. Absolute Einheiten werden in Pixel umgerechnet (1 in = 96 px, 1 pt = 1,33 px). Ist nur eine oder keine der beiden Abmessungen angegeben, liefert die viewBox das Seitenverhältnis und die Größe; fehlt beides, verwenden Browser 300 × 150. Relative Werte wie 100 % lassen sich für eine eigenständige Datei nicht auflösen, daher wird stattdessen die viewBox verwendet.

Das SVG wird als Bild geladen. Das ist eine sichere Methode, nicht vertrauenswürdige Dateien darzustellen: Skripte werden nicht ausgeführt und externe Ressourcen wie verknüpfte Bilder, Webfonts und CSS-Dateien nicht geladen. Text, der eine nicht installierte Schriftart voraussetzt, wird mit einer Ersatzschrift dargestellt. Zuerst wird das XML überprüft. So wird bei einem Tippfehler eine verständliche Fehlermeldung angezeigt, statt ein leeres Bild.

Beispiele

App-Symbol aus einem SVG-Logo

Ein Logo mit viewBox="0 0 64 64", das mit einer Breite von 1024 exportiert wird, ergibt ein PNG mit 1024 × 1024 Pixeln und scharfen Kanten – ideal für einen App Store oder einen Favicon-Generator.

Retina-Bild für eine Website

Eine Illustration mit 400 × 300 Pixeln bei 1× ergibt beim Export mit Skalierungsfaktor 2 ein 800 × 600 Pixel großes PNG, das auch auf Displays mit hoher Pixeldichte scharf bleibt.

Folie oder Dokument

Wenn Sie ein Diagramm-SVG mit Skalierungsfaktor 3 und weißem Hintergrund exportieren, erhalten Sie ein PNG, das sich in Präsentationsprogramme einfügen lässt, die SVG nicht unterstützen.

Häufig gestellte Fragen

Warum wird mein Text in der falschen Schriftart angezeigt?

Beim Darstellen eines SVG als Bild werden keine Schriftarten aus dem Web geladen. Auf Ihrem Gerät installierte Schriftarten werden verwendet, sofern sie passen. Um sicherzugehen, wandeln Sie den Text in Ihrem Designprogramm in Pfade um oder betten Sie die Schriftart als data-URL in das SVG ein.

Warum fehlen verknüpfte Bilder?

Bilder, die im SVG über eine URL eingebunden sind, werden aus Sicherheitsgründen beim Darstellen als Bild blockiert. Eingebettete Bilder (data:-URLs) funktionieren.

Wie groß kann die Ausgabe maximal sein?

Bis zu 16.384 px pro Seite und insgesamt 50 Megapixel. Der Export sehr großer, komplexer SVGs kann einige Sekunden dauern und auf Smartphones mit wenig Arbeitsspeicher fehlschlagen.

Ist es sicher, ein SVG aus unbekannter Quelle zu konvertieren?

Die Darstellung hier ist sicher: Ein als Bild dargestelltes SVG kann keine Skripte ausführen oder externe Ressourcen laden. Das konvertierte PNG enthält nur Pixel.

Datenschutz

Ihr SVG wird in Ihrem Browser verarbeitet und dargestellt. Es wird weder hochgeladen noch gespeichert oder in Analysen einbezogen.