Was ist SVG, und wann wandelt man es in PNG um?
Wie eine Vektordatei funktioniert und wann ein PNG-Export nötig wird
Von der Grafikerin kommt ein Logo, der Dateiname endet auf .svg, und ausgerechnet dort, wo Sie es einsetzen wollen, wird es nicht angenommen. Oder umgekehrt: Ihr Logo wird nicht unscharf, so weit Sie es auch vergrößern, und Sie fragen sich, warum. Beide Fälle haben dieselbe Erklärung.
Ein SVG speichert das Bild nicht als Punktraster, sondern als Sammlung von Anweisungen. Das heißt: In der Datei steht so etwas wie "zieh hier eine Linie dieser Stärke, füll diese Fläche mit jener Farbe", und das Bild wird bei jedem Öffnen aus diesen Anweisungen neu gezeichnet. Eine gewöhnliche Fotodatei macht das Gegenteil: Sie hält eine fertige Liste farbiger Punkte bereit.
Anweisung gegen Punkt: was beim Vergrößern passiert
Am deutlichsten zeigt sich der Unterschied beim Vergrößern. Eine Anweisung lässt sich in jedem Maßstab ausführen: Verlangen Sie die Linie doppelt so breit, zeichnet das Programm sie neu, und die Kante bleibt genauso scharf. Eine Punktliste hat nichts, woraus sie schöpfen könnte; die vorhandenen Punkte quellen auf, Kanten werden zur Treppe, das Bild wird weich.
Im Alltag heißt das: Wer ein Logo an eine Werbetechnik-Firma oder eine Druckerei schickt, wird nach der Vektordatei gefragt. Aus derselben Datei lassen sich Visitenkarte und drei Meter breites Banner drucken, denn die Größe zu wählen ist deren Aufgabe. Haben Sie nur ein kleines PNG, wird Ihr Logo auf dem Banner ausgefranst — und dagegen hilft nichts.
Aus demselben Grund hängt die Größe eines SVG nicht an der Zahl der Punkte, sondern an der Zahl der Formen. Ein schlichtes Logo aus wenigen Kurven bleibt in jedem Maßstab eine winzige Datei.
Im Schema: dasselbe Logo in beiden Dateiarten vergrößert
In der oberen Reihe des Vergleichs steht eine anweisungsbasierte Datei, in der unteren eine punktbasierte. Klein wirken beide gleich; vierfach vergrößert wird die untere treppig, während die obere unverändert bleibt.
Welche Programme nehmen kein SVG an?
SVG ist fürs Web entstanden, deshalb fühlt es sich im Browser am wohlsten. Ziehen Sie die Datei in ein Browserfenster, erscheint Ihr Logo gestochen scharf; das ist zugleich der schnellste Test, ob die Datei in Ordnung ist.
Außerhalb des Webs sieht es anders aus. Die Uploadfelder für Profil- und Titelbilder sozialer Netzwerke nehmen kein SVG. Viele E-Mail-Programme zeigen ein im Nachrichtentext eingebettetes SVG nicht an. Behördenformulare und Bewerbungsportale akzeptieren es so gut wie nie. Manche Büro- und Präsentationsprogramme öffnen es, andere nicht, und ältere Fassungen der ersten Gruppe verschieben mitunter die Formen.
Allen diesen Stellen ist eines gemeinsam: Wo SVG abgelehnt wird, ist eine punktbasierte Datei gefragt. Die Lösung besteht also nicht darin, das SVG zu reparieren, sondern daraus ein PNG zu erzeugen.
- Profil- und Titelbilder sozialer Netzwerke → PNG erzeugen
- E-Mail-Signatur → PNG erzeugen
- Behördenformulare und Bewerbungsanhänge → PNG erzeugen
- Eigene Webseite → beim SVG bleiben, schärfstes und leichtestes Ergebnis
- Beschilderung, Druckerei, Großformat → SVG schicken
Wie breit soll das PNG werden?
Beim Erzeugen eines PNG aus einem SVG treffen Sie nur eine echte Entscheidung: die Breite. Die Höhe rechnet das Werkzeug aus den Proportionen der Vorlage aus, das Bild verzerrt also nicht. Die Breite bestimmt der Einsatzort, und eine allgemeingültige Zahl gibt es nicht.
Eine brauchbare Faustregel: Überlegen Sie, wie viel Fläche das Bild auf dem Bildschirm einnimmt, und geben Sie das Doppelte an. Der Grund für die Verdopplung sind hochauflösende Displays; sie packen doppelt so viele Punkte auf dieselbe Fläche und lassen ein exakt passend erzeugtes Bild leicht weich wirken.
Übertreiben kostet allerdings auch. Ein viel zu breit erzeugtes PNG macht die Datei schwer, bremst die Seite aus und passt in keinen E-Mail-Anhang. Fünftausend Pixel für ein kleines Symbol bringen gar nichts.
| Wo setzen Sie es ein? | Sinnvolle Breite |
|---|---|
| Logo auf einer Webseite | Doppelte Anzeigebreite |
| E-Mail-Signatur | Rund 400 Pixel |
| Präsentationsfolie | Nahe der Folienbreite |
| Profilbild im sozialen Netzwerk | Das von der Plattform verlangte Quadratmaß |
| Kleines Symbol im Dokument | Zwischen 128 und 256 Pixel |
Zwei Überraschungen bei der Umwandlung
Die erste sind die Schriftarten. Text in einem SVG wird manchmal nicht als Buchstabenform gespeichert, sondern als Name einer Schrift. Ist diese Schrift auf dem umwandelnden Gerät nicht installiert, wird der Text mit einer anderen gezeichnet und das Ergebnis sieht anders aus als erwartet. Dauerhaft hilft nur, die Datei von der erstellenden Person mit in Formen umgewandeltem Text speichern zu lassen.
Die zweite ist der Hintergrund. Ein SVG lässt den Hintergrund meist leer, und das PNG trägt diese Leere mit; Ihr Ergebnis ist also durchsichtig. Das ist in der Regel erwünscht, doch wer eine weiße Fläche erwartet, wundert sich. Brauchen Sie tatsächlich Weiß, wandeln Sie das PNG anschließend in JPG um: JPG trägt keine Transparenz und setzt die leeren Flächen auf einen einfarbigen Grund.
Das Werkzeug SVG zu PNG auf dieser Seite nimmt die Breite von Ihnen entgegen und zeichnet die Datei im Browser. Die drei Größen eines Logos für Webseite, Signatur und Präsentation nacheinander aus derselben Quelldatei zu erzeugen ist der sauberste Weg: Sie kehren jedes Mal zum Original zurück, statt ein bereits erzeugtes PNG weiter zu vergrößern.
Das Seitensymbol ist ein eigener Zweig
Einer der häufigsten Gründe, aus einem SVG ein PNG zu erzeugen, ist das kleine Symbol im Browser-Tab. Hier ist es mit einem einzigen PNG nicht getan: Dieselbe Marke wird in mehreren Größen gebraucht, und die sollen gemeinsam in einer Datei stecken.
Der Weg: Erzeugen Sie aus dem SVG Ihres Logos ein ausreichend großes quadratisches PNG und übergeben Sie es dem Favicon-Generator, der mehrere Größen in einer einzigen Symboldatei bündelt. Beim Vorbereiten des Quell-PNG lohnt es sich außerdem, Details zu vereinfachen, die im Kleinen nicht mehr lesbar sind; in einem Quadrat von sechzehn Punkten verschwinden dünne Linien vollständig.
Häufige Fragen
Wie öffne ich eine SVG-Datei?
Am einfachsten, indem Sie sie in ein Browserfenster ziehen; das Bild erscheint sofort. Zum Ändern brauchen Sie ein Programm, das Vektoren bearbeitet — ein gewöhnliches Fotoprogramm genügt nicht.
Ist die Umwandlung von SVG in PNG kostenlos?
Die Umwandlung auf dieser Seite ist kostenlos, verlangt kein Konto, und Ihre Datei geht an keinen Server; gezeichnet wird in Ihrem Browser.
Kann ich aus einem PNG wieder ein SVG machen?
Nicht direkt. Aus einem punktbasierten Bild Anweisungen zu gewinnen erfordert einen eigenen Nachzeichen-Durchgang; heraus kommt eine Annäherung, nicht Ihre ursprüngliche Zeichnung. Nach dem Vektor-Original fragen Sie am besten die Person, die Ihr Logo gestaltet hat.
Kann eine SVG-Datei schädlich sein?
Bei SVG-Dateien aus unbekannter Quelle ist Vorsicht angebracht; das Format sieht wie ein Bild aus, ist aber ein Dokument, in das ausführbare Teile geschrieben werden können. Stellen Sie ein SVG unbekannter Herkunft nicht ungeprüft auf Ihre Webseite.
Mein Logo ist kein SVG, ich habe nur ein kleines PNG. Was tun?
Vergrößern hilft nicht, die Kanten werden weich. Fragen Sie die Person, die das Logo gemacht hat, nach der Vektordatei; andernfalls muss das Logo in einem Vektorprogramm neu gezeichnet werden.
Zuletzt aktualisiert: 27. August 2026