Was bei der Umwandlung von SVG in PNG geschieht
Ein SVG beschreibt Formen, Pfade, Text und Farben durch Koordinaten. Ein PNG speichert dagegen ein festes Raster farbiger Pixel. Deshalb braucht die Umwandlung eine konkrete Ausgabegröße: Dieselbe Vektorgrafik kann als 400 Pixel breite Vorschau oder als 2.400 Pixel breites Folienbild gerendert werden. Wählen Sie eine SVG-Datei oder fügen Sie den Quelltext ein. Der Browser liest die Zeichnung, ermittelt ihr Seitenverhältnis nach Möglichkeit aus der viewBox und erstellt eine Zeichenfläche in der gewünschten Größe. Die Datei wird nicht an einen Konvertierungsserver übertragen.
Eine viewBox von 400 mal 200 hat das Seitenverhältnis zwei zu eins. Bei 1.200 Pixeln Breite und leerem Höhenfeld berechnet das Werkzeug 600 Pixel Höhe. Wer beide Werte vorgibt, kann das Motiv absichtlich verzerren; für ein normales Logo sollten die Proportionen erhalten bleiben. Größere Pixelmaße bilden Vektorkanten detailreicher ab, steigern jedoch meist die PNG-Dateigröße.
Hintergrund und Schärfe richtig wählen
Legen Sie zuerst die Breite und dann den Hintergrund fest: transparent, weiß oder eine eigene Farbe. Transparenz passt zu Symbolen, die auf wechselnden Flächen erscheinen. Weiß ist hilfreich, wenn eine Zielanwendung durchsichtige Bereiche unerwartet schwarz darstellt. Eine eigene Farbe kann eine Präsentationsvorlage treffen. Das Schachbrett hinter der Vorschau macht transparente Bereiche erkennbar. Prüfen Sie die Kanten in der vorgesehenen Anzeigengröße, bevor Sie das PNG herunterladen.
Ein Logo mit einer viewBox von 400 × 200 ergibt bei 1.200 Pixeln Breite eine PNG-Datei mit 1.200 × 600 Pixeln. Bei 600 Pixeln Breite entstehen 600 × 300 Pixel. Das Motiv bleibt gleich, doch die größere Datei benötigt gewöhnlich mehr Speicher. Eine erst mit 400 × 200 gerasterte Datei später hochzuskalieren, bringt die ursprüngliche Schärfe der SVG-Kurven nicht zurück.
Grenzen und typische Fehler
Eine hochauflösende Ausgabe verbessert kein niedrig aufgelöstes Foto, das bereits im SVG eingebettet ist. Dieses Foto besteht weiterhin aus Pixeln und kann beim Vergrößern weich wirken. Auch Schrift kann anders erscheinen, wenn die benötigte Schriftart auf dem ausführenden Gerät fehlt; für wichtige Logos kann eine Umwandlung der Buchstaben in Pfade helfen. Vergleichen Sie besonders feine Linien, kleine Beschriftungen und halbtransparente Schatten mit der Vorlage. Browser und Zielprogramm können einzelne SVG-Effekte unterschiedlich zeichnen.
Vor dem Rendern weist das Werkzeug aktive Inhalte und externe Ressourcen zurück. Ist die Grafik von verknüpften Bildern, Web-Schriftarten oder Skripten abhängig, erstellen Sie zunächst eine statische, eigenständige SVG-Version. Grenzen für Abmessungen und Pixelzahl verhindern übermäßigen Speicherbedarf. PNG bewahrt Transparenz und Bilddaten verlustfrei, ist aber für fotografische Motive nicht zwangsläufig das kleinste Ausgabeformat.