SVG ist das bevorzugte Format für Logos, Symbole und Illustrationen, weil es ein Vektor ist – es beschreibt Formen mit Mathematik und bleibt daher in jeder Größe perfekt scharf, während die Dateigröße winzig bleibt. Doch nicht jedes Tool versteht SVG. Soziale Plattformen, Präsentationsprogramme, viele Bildbearbeitungsprogramme und zahlreiche Upload-Formulare erwarten ein Rasterbild wie PNG. In diesem Fall wandeln Sie das SVG in PNG um.
Dieser Leitfaden erklärt, wie Sie SVG in PNG umwandeln, ohne ein verschwommenes Ergebnis zu erhalten, welche eine Einstellung am wichtigsten ist und wann Sie stattdessen das SVG behalten sollten.
Vektor vs. Raster: Warum die Umwandlung eine Größe braucht
Der entscheidende Unterschied zwischen SVG und PNG erklärt alles an der Umwandlung zwischen beiden. Ein SVG ist auflösungsunabhängig: Es hat keine festen Pixelmaße und kann bei Bedarf in jeder Größe gezeichnet werden. Ein PNG ist ein festes Raster aus Pixeln und hat daher eine bestimmte, fest eingebackene Auflösung.
Die Umwandlung von SVG in PNG nennt man Rasterung: Der Vektor wird in einer gewählten Größe in ein Pixelraster umgerechnet. Diese Größenwahl ist die wichtigste Entscheidung bei der Umwandlung, denn sobald das PNG existiert, wird es unscharf, wenn man es über seine Auflösung hinaus vergrößert – genau die Einschränkung, die SVG vermeiden sollte.
Wählen Sie die richtige Auflösung
Damit Ihr PNG scharf bleibt, rendern Sie es in der größten Größe, in der Sie es tatsächlich anzeigen werden, oder größer. Ein paar Richtlinien:
- **Passen Sie es an die Anzeigegröße an.** Wenn ein Logo 300 Pixel breit erscheinen soll, exportieren Sie das PNG mindestens so breit.
- **Berücksichtigen Sie hochauflösende Bildschirme.** Moderne Smartphones und Laptops packen zusätzliche Pixel, sodass ein Export in der zwei- bis dreifachen Anzeigegröße das Bild auf ihnen scharf hält.
- **Im Zweifel größer wählen.** Ein PNG, das größer als nötig ist, lässt sich sauber verkleinern; eines, das zu klein ist, lässt sich nicht ohne Unschärfe vergrößern.
Da SVG keine inhärente Auflösung hat, lässt ein guter Konverter Sie die Ausgabemaße wählen. Eine großzügige Größe zu wählen ist der einfachste Weg, ein scharfes Ergebnis zu garantieren.
So wandeln Sie SVG in PNG um
Der schnellste Weg, ohne etwas zu installieren, ist ein browserbasierter Konverter. Nutzen Sie den kostenlosen SVG-zu-PNG-Konverter: Fügen Sie Ihr SVG hinzu, wandeln Sie es um und laden Sie ein PNG herunter, das überall einsatzbereit ist, wo Rasterbilder akzeptiert werden. Er rendert den Vektor in saubere Pixel und bewahrt die Transparenz, sodass ein Logo auf transparentem Hintergrund transparent bleibt.
Das ist ideal, wenn Sie schnell ein PNG für ein soziales Profil, eine Präsentation, ein Dokument oder ein Tool benötigen, das kein SVG direkt annimmt.
Die Transparenz bleibt erhalten
Ein Vorteil der Umwandlung in PNG statt in JPG ist die Transparenz. PNG unterstützt einen vollständigen Alphakanal, sodass die transparenten Bereiche Ihres SVG – etwa der Raum um ein Logo – auch im PNG transparent bleiben. Hätten Sie stattdessen in JPG umgewandelt, würden diese Bereiche mit einer einfarbigen Fläche gefüllt, da JPG keine Transparenz kennt. Für Logos und Symbole ist PNG fast immer das richtige Rasterzielformat.
Wann Sie das SVG behalten sollten
Wandeln Sie nur dann in PNG um, wenn etwas es erfordert. Für alles, was Sie selbst kontrollieren – eine Website, eine App oder eine Designdatei –, behalten Sie das SVG. Es bleibt auf jedem Bildschirm und in jeder Größe scharf, ist bei einfachen Grafiken meist kleiner als ein hochauflösendes PNG und lässt sich per Code umgestalten. Die Rasterung in ein PNG bindet das Bild an eine einzige Auflösung und nimmt ihm diese Vorteile.
Eine praktische Gewohnheit: Behalten Sie das SVG als Ihre Masterkopie und exportieren Sie PNGs daraus, wann immer ein bestimmtes Tool eines benötigt. So haben Sie stets das skalierbare Original, mit dem Sie arbeiten können. Mehr über das Format erfahren Sie unter Was ist eine SVG-Datei.
SVG, PNG oder etwas anderes?
Wenn Sie für ein Projekt Formate abwägen, lautet die Kurzfassung: Nutzen Sie SVG für Logos, Symbole und flache Illustrationen; nutzen Sie PNG, wenn Sie eine Rasterversion mit Transparenz oder scharfen Kanten brauchen; und nutzen Sie JPG, WebP oder AVIF für Fotos. Den vollständigen Entscheidungsrahmen für jedes Format finden Sie unter So wählen Sie das richtige Bildformat für das Web, und zur Rastertransparenz allgemein unter JPG vs. PNG.