SVG zu PNG Konverter
Konvertieren Sie SVG-Markup online in PNG-Rastergrafiken mit Base64-Ausgabe und optionaler Skalierung.
Tool ausführen
Mit diesem Online-Konverter wandeln Sie SVG-Vektorgrafiken direkt in Rasterbilder im PNG-Format um. Fügen Sie dazu Ihren SVG-Code in das Textfeld ein. Wenn Sie die Bildabmessungen anpassen möchten, geben Sie optionale Werte für Breite und Höhe in Pixeln an. Sind beide Zahlenwerte größer als null, überschreibt das Tool die ersten passenden Breiten- und Höhenangaben mit doppelten Anführungszeichen im SVG-Markup. Bleibt einer der Werte auf null gesetzt, wird die jeweilige Dimension automatisch anhand der bestehenden Vektordaten berechnet und im Ausgabebereich als automatisch ausgewiesen. Nach der Umwandlung erhalten Sie das fertige PNG-Bild als Base64-kodierte Zeichenkette zusammen mit der genauen Dateigröße in Byte sowie den ermittelten Abmessungen. Sie können die Grafik direkt weiterverwenden oder für Webseiten und Präsentationen speichern. Beachten Sie, dass das Textfeld nicht leer sein darf und valides SVG-Markup enthalten muss. Enthält der Code Syntaxfehler oder nicht unterstützte Elemente, bricht die Verarbeitung mit einer Fehlermeldung ab.
Anleitung
- Fügen Sie den SVG-Quelltext in das Eingabefeld für SVG-Inhalte ein.
- Geben Sie bei Bedarf optionale Zielwerte für Breite und Höhe in Pixeln ein.
- Klicken Sie auf Ausführen, um die Konvertierung in eine PNG-Grafik zu starten.
- Kopieren Sie die erzeugte Base64-Zeichenkette oder prüfen Sie die angezeigte Dateigröße und Bildmaße.
Beispiele
- Einfaches Vektor-Icon: Sie fügen '<svg width="100" height="100"><circle cx="50" cy="50" r="40" fill="blue"/></svg>' ein und belassen Breite und Höhe auf 0. Das Tool erzeugt das PNG mit automatischer Größenerkennung und liefert die Base64-Bilddaten.
- Skalierte Grafik: Sie tragen SVG-Code ein und setzen Breite auf 400 sowie Höhe auf 200. Das Tool überschreibt die ersten doppelten Breiten- und Höhenattribute im SVG und gibt das gerasterte PNG in 400x200 Pixeln aus.
FAQ
Was passiert, wenn Breite oder Höhe auf 0 belassen werden?
Steht mindestens eines der Dimensionsfelder auf 0, behält das Tool die Abmessungen aus dem SVG-Quelltext bei und kennzeichnet den entsprechenden Wert in der Ausgabe als automatisch ('auto').
Unter welchen Bedingungen werden die Abmessungen im SVG überschrieben?
Das Überschreiben greift nur, wenn sowohl Breite als auch Höhe größer als null sind. Dabei werden ausschließlich die ersten passenden Attribute in doppelten Anführungszeichen ersetzt.
Warum schlägt eine Konvertierung fehl?
Eine Konvertierung bricht ab, wenn das Eingabefeld leer ist, die XML-Syntax des SVG fehlerhaft ist oder nicht unterstützte Elemente im Markup enthalten sind.