SVG in PNG umwandeln: wann und wie Sie Vektorgrafiken rastern
SVG (Scalable Vector Graphics) beschreibt Bilder als Formen und Pfade in XML statt als Pixel und lässt sich daher auf jede Größe skalieren, ohne an Schärfe zu verlieren. Das macht es ideal für Logos und Icons – trotzdem können viele Tools es immer noch nicht anzeigen.
Warum SVG in PNG umwandeln?
- Kompatibilität. E-Mail-Programme, ältere Bildbetrachter, Upload-Formulare in sozialen Netzwerken und manche CMS akzeptieren nur Rasterformate wie PNG oder JPG.
- Bearbeitung in Rasterprogrammen. Bildbearbeitungsprogramme und einfache Bild-Apps arbeiten mit Pixeln, nicht mit Vektorpfaden.
- Vorhersagbare Darstellung. Ein PNG sieht überall gleich aus; ein SVG kann je nach SVG-Engine des Browsers oder der App etwas unterschiedlich dargestellt werden.
Geht dabei Qualität verloren?
Sie verlieren die Skalierbarkeit, nicht die Schärfe – bei der Auflösung, die Sie exportieren, ist das PNG genauso scharf wie das SVG. Der Haken: Ein PNG hat eine feste Größe – skalieren Sie es später hoch, werden die Kanten unscharf, während das ursprüngliche SVG bei jeder Größe perfekt aussehen würde. Wenn Sie später größere Versionen brauchen könnten, exportieren Sie mit einer höheren Auflösung als aktuell nötig.
So wandeln Sie SVG online in PNG um
- Öffnen Sie den SVG-zu-PNG-Konverter.
- Wählen Sie Ihre .svg-Datei oder ziehen Sie sie auf die Seite.
- Klicken Sie auf „Konvertieren" und laden Sie das PNG herunter – die Transparenz aus dem SVG bleibt erhalten.
SVG zu PNG vs. SVG zu ICO vs. SVG zu WebP
PNG ist die sichere, universelle Standardwahl. Wenn das Bild ein Favicon für eine Website ist, nutzen Sie direkt SVG zu ICO – die vektorbasierte Quelle ergibt das schärfstmögliche Icon. Wenn das PNG für eine Website ist und die Dateigröße wichtig ist, liefert SVG zu WebP eine kleinere Datei mit derselben Transparenzunterstützung.
In welcher Auflösung exportieren?
Exportieren Sie in der größten Größe, die Sie jemals brauchen könnten, nicht nur der, die Sie heute benötigen – da ein PNG einmal rasterisiert feststeht, bedeutet größer später erneutes Exportieren aus dem Original-SVG, nicht das Hochskalieren des PNG. Üblich ist der Export bei der 2- oder 3-fachen Anzeigegröße, damit das Logo auf hochauflösenden (Retina-artigen) Bildschirmen ohne zusätzlichen Aufwand scharf bleibt.
Hintergrund: transparent oder deckend?
Die meisten SVGs haben keinen definierten Hintergrund, und der Standardexport behält diese Transparenz bei, was meist genau das ist, was Sie für ein Logo über anderem Inhalt wollen. Unterstützt ein Tool oder eine Plattform keine Transparenz und zeigt stattdessen eine schwarze Box, legen Sie vor dem Export explizit eine deckende Hintergrundfarbe fest, statt es dem Zufall zu überlassen.