SVG in PNG

So funktioniert es

Wählen Sie Ihre SVG-Dateien, tragen Sie die gewünschte Ausgabebreite in Pixel ein und tippen Sie auf die Schaltfläche. Die Breite wird immer angewandt; die Höhe ergibt sich aus dem Seitenverhältnis der Datei, verzerrt wird also nichts. Enthält die Datei überhaupt keine Maßangabe, gilt die Ausgabe als quadratisch. Weil die Quelle eine Vektorzeichnung ist, gibt es keine Grenze, ab der das Vergrößern schadet: Auch bei 4096 Pixeln bleibt die Zeichnung gleich scharf, denn sie wird jedes Mal neu berechnet statt hochgerechnet. Das Ergebnis ist ein PNG, und transparente Flächen der Zeichnung bleiben transparent. Aus Sicherheitsgründen wird die Datei vor dem Zeichnen als Text gelesen: Enthält sie ein Skript-Element, einen eingebetteten HTML-Bereich oder eine aus dem Netz nachgeladene Ressource, bricht die Umwandlung ab und Sie erfahren, welcher dieser Fälle gefunden wurde.

Dieses Werkzeug ist auch als svg in png umwandeln, svg zu png konvertieren, svg als png exportieren, svg datei in png, vektor in pixelgrafik bekannt.

Was ist SVG?

SVG steht für Scalable Vector Graphics und speichert ein Bild als Zeichenanweisungen statt als Pixel: In der Datei stehen Elemente, die so viel bedeuten wie „führe eine Linie von hier nach dort, fülle diesen Kreis mit jener Farbe“. Deshalb lässt sich die Datei in einem Texteditor öffnen, sinnvoll in einer Versionsverwaltung führen und beliebig vergrößern, ohne an Schärfe zu verlieren. Logos, Symbole und Schaubilder liegen aus genau diesen Gründen als SVG vor; Fotos nicht, denn in einem Foto gibt es keine Formen zu beschreiben.

Was ist Vektor und Rastergrafik?

Eine Vektorgrafik ist die Beschreibung von Formen, eine Rastergrafik ein Gitter aus farbigen Punkten. Der Unterschied zeigt sich am deutlichsten beim Vergrößern: Verdoppeln Sie einen Vektor, wird die Zeichnung neu berechnet und die Kanten bleiben scharf; verdoppeln Sie ein Raster, werden die vorhandenen Punkte größer und die Kanten treppig. Dafür kann ein Raster alles aufnehmen — die Millionen Farbübergänge eines Fotos als Vektorformen zu beschreiben, ist nicht praktikabel. Dieses Werkzeug führt vom Vektor zum Raster, also in die Richtung, die nur einmal geht.

Worin unterscheiden sich SVG und PNG?

Ein SVG speichert die Bauanleitung einer Zeichnung, ein PNG die fertige Zeichnung. Ein SVG lässt sich beliebig vergrößern, und seine Dateigröße hängt an der Zahl der Formen, nicht an den Maßen. Beim PNG stecken die Maße fest in der Datei: Ein mit 512 Pixeln Breite gespeichertes Logo wird unscharf, sobald Sie es auf 2048 aufblasen. Dafür öffnet jedes Programm ein PNG, während manche ältere Software, E-Mail-Programme und soziale Netzwerke SVG rundweg ablehnen. Die Faustregel: Quelldatei als SVG behalten und daraus ein PNG in der jeweils benötigten Größe erzeugen.

Wonach richtet sich die Ausgabebreite?

Die im SVG hinterlegte Größe ist ein Vorschlag, keine Grenze — die Entscheidung liegt bei Ihnen. Den Wert bestimmt der Verwendungszweck: 512 für ein Logo auf einer Webseite, 1920 für ein Präsentationstitelbild, deutlich mehr für ein Schild, das gedruckt wird.

Eine große Breite treibt die Dateigröße schnell nach oben, weil PNG verlustfrei speichert. Ein PNG, das breiter ist, als es je angezeigt wird, bremst nur Ihre Seite.

Warum ein SVG mit Skript abgewiesen wird

Ein SVG sieht aus wie ein Bild, ist aber ein XML-Dokument, in das sich ein Skript, ein eingebetteter HTML-Bereich oder eine aus dem Netz nachgeladene Ressource schreiben lässt. Damit ist SVG das riskanteste Bildformat, das man aus unbekannter Quelle öffnen kann.

Dieses Werkzeug liest die Datei zuerst als Text. Findet es ein Skript-Element, einen eingebetteten HTML-Bereich oder eine Verknüpfung, die eine entfernte Ressource nachlädt, hält es an und nennt den Grund. Nach einer solchen Warnung öffnen Sie die Datei am besten in einem Vektorprogramm und speichern von dort eine saubere Fassung.

Schriften können in der Ausgabe anders aussehen

Text in einem SVG steckt womöglich nur als Schriftname in der Datei. Ist diese Schrift auf Ihrem Gerät nicht installiert, weicht die Zeichnung beim Rendern auf eine andere aus und das PNG sieht anders aus, als der Entwurf es vorsah.

Dauerhaft hilft nur, den Text im Vektorprogramm vor dem Speichern in Pfade umzuwandeln: Aus Buchstaben werden Formen, und Formen sehen überall gleich aus.

Häufige Fragen

Wovon hängt die Qualität der Ausgabe ab?

Allein von der Breite, die Sie eintragen. Ein SVG besteht aus Zeichenanweisungen, wird also in jeder Größe neu berechnet; beim Vergrößern entsteht keine Unschärfe.

Bleibt der transparente Hintergrund erhalten?

Ja. Die Ausgabe ist ein PNG, transparente Flächen bleiben also frei. Brauchen Sie stattdessen einen weißen Grund, schicken Sie das PNG durch das Werkzeug PNG in JPG, das Transparenz mit Weiß füllt.

Kann ich ein PNG wieder in ein SVG umwandeln?

Mit diesem Werkzeug nicht. Ein PNG besteht aus Pixeln; für den Rückweg müsste ein Nachzeichnen die Formen neu erzeugen, und das Ergebnis gleicht dem Original nie ganz.

Kann ich mehrere Dateien auf einmal auswählen?

Ja. Jede gewählte SVG-Datei wird als eigenes PNG heruntergeladen, und dieselbe Ausgabebreite gilt für alle.