SVG in PNG umwandeln
Lade eine SVG-Datei hoch und lade sie als PNG in der gewünschten Auflösung herunter, mit transparentem, weißem oder schwarzem Hintergrund. Alles bleibt in deinem Browser: Die Datei wird nie hochgeladen.
oder klicke, um sie auszuwählen
Wofür es gut ist
SVG ist ein Vektorformat: perfekt für Logos und Icons, aber viele Websites, Dokumente und Apps akzeptieren nur Rastergrafiken. Dieses Tool macht daraus ein PNG in der Auflösung deiner Wahl und nutzt dabei den Vorteil der Vektoren: kein Qualitätsverlust, auch bei riesigen Größen.
Einschränkungen
Externe Schriften oder verlinkte Bilder im SVG lädt der Browser bei der Umwandlung nicht: Wenn dein SVG sie nutzt, wandle sie vorher in Pfade um oder bette sie ein. Deine Datei verlässt nie dein Gerät.
Der Unterschied, auf den es ankommt: Zeichnung oder Pixelraster
Ein SVG enthält kein Bild, sondern die Anweisungen, es zu zeichnen: „eine Linie von hier nach dort, ein Kreis mit diesem Radius, mit dieser Farbe füllen“. Deshalb lässt es sich beliebig vergrößern, ohne an Schärfe zu verlieren, und deshalb kann ein komplexes Logo nur wenige Kilobyte groß sein.
Ein PNG ist ein Pixelraster mit fester Größe. Umwandeln heißt also, eine Auflösung zu wählen und einzufrieren: Ab diesem Moment wird das Bild beim Vergrößern unscharf. Dieser Verlust lässt sich nicht rückgängig machen, und deshalb solltest du das Original-SVG auch nach dem PNG-Export aufbewahren.
In welcher Auflösung du exportieren solltest
Die Zahl hängt davon ab, wo das Bild landet. Für das Web exportierst du am besten in doppelter Anzeigegröße, weil die Bildschirme mit hoher Pixeldichte aktueller Handys und Laptops sonst ein unscharfes Logo zeigen würden. Für den Druck brauchst du etwa 300 Pixel pro Zoll: Ein fünf Zentimeter breites Logo sollte also rund sechshundert Pixel breit sein.
Größer als nötig zu exportieren schadet nicht dem Bild, aber der Dateigröße, die quadratisch wächst: Doppelte Seitenlänge heißt vierfache Pixelzahl. Ist ein exportiertes PNG zehnmal so groß wie das Ausgangs-SVG, ist die gewählte Auflösung fast immer höher als nötig.
Warum der Hintergrund schwarz wird oder verschwindet
Viele SVGs haben keinen Hintergrund, genauer gesagt: einen transparenten Hintergrund, der im PNG erhalten bleibt. Auf einer Webseite ist das in Ordnung, aber in ein Dokument mit dunklem Hintergrund eingefügt, wird ein schwarzes Logo unsichtbar, und manche Programme stellen Transparenz als Schwarz dar.
Die praktische Regel: Exportiere zwei Versionen für jedes Logo, das die Runde machen soll: eine transparente für alle, die es auf einen beliebigen Hintergrund setzen, und eine mit weißem Hintergrund für alle, die es in ein Dokument einfügen. Danach fragt früher oder später sowieso jemand, und gleich erledigt kostet es dreißig Sekunden.
Die zwei Dinge, die bei der Umwandlung verschwinden
Die nicht eingebetteten Schriften: Schreibt das SVG Text in einer Schrift, die auf dem Computer des Erstellers installiert ist, nutzt der umwandelnde Browser irgendeine andere Schrift, und der Schriftzug ändert seine Form. Die Lösung: vor dem Export den Text im Grafikprogramm in Pfade umwandeln.
Die verlinkten Bilder, also Fotos, die über eine externe Adresse eingebunden statt eingebettet sind: Sie werden nicht geladen, und im PNG ist ein Loch. Das sind die zwei Ursachen fast jeder „missglückten“ Umwandlung, und in beiden Fällen liegt das Problem im SVG, nicht in der Umwandlung.
Siehe auch
Um das Format allgemein zu ändern, gibt es Bild umwandeln, für die Abmessungen Bildgröße ändern und für die Dateigröße Bild komprimieren. Brauchst du Transparenz bei einem Foto, gibt es Hintergrund transparent machen, und für ein Icon Favicon erstellen.