Online SVG Viewer

Kostenloser Online-SVG-Konverter - PNG zu SVG, JPG zu SVG, SVG zu PNG, SVG zu JPG

Brauchen Sie einen kostenlosen Online-SVG-Konverter? Er ermöglicht die freie Konvertierung zwischen PNG, JPG und SVG. Dieser fortschrittliche kostenlose Online-Konverter ermöglicht es Benutzern, ihre PNG- und JPG-Dateien in skalierbare Vektorgrafiken SVG umzuwandeln sowie Vektorgrafiken SVG in PNG- oder JPG-Bilder zu konvertieren.

Wenn Sie Ihre PNG- oder JPG-Dateien in SVG konvertieren möchten, kann Ihnen unser fortschrittlicher SVG-Editor helfen. Der kostenlose PNG-zu-SVG-Konverter ist einer der beliebtesten SVG-Konverter und hat bereits Millionen von Dateien konvertiert. Unser kostenloser Online-SVG-Konverter kann kostenlos und ohne Dateimengenbeschränkung verwendet werden. Sie können beliebig viele Dateien frei konvertieren.

Wir haben eine einfache und übersichtliche Benutzeroberfläche entwickelt, die den Anforderungen von Grafikdesignern und Webentwicklern gerecht wird. Völlig kostenlos, öffnen Sie das Online-Tool und beginnen Sie, Dateien in SVG zu konvertieren oder SVG in PNG, JPG zu konvertieren.

Hier sind einige der unterstützten bekannten Bildkonvertierungen: PNG zu SVG, JPG zu SVG, SVG zu PNG, SVG zu JPG.

Was ist das SVG-Format?

SVG ist das am häufigsten verwendete Format für die Webentwicklung und andere grafische Umgebungen. Skalierbare Vektorgrafiken basieren auf der Beschreibung von Linien, Formen, Kurven, Farben und Text mit XML. Das SVG-Format ist einfach zu bearbeiten und kann in der Webentwicklung verwendet werden. Designer können das SVG-Format mit JavaScript und CSS manipulieren. Traditionelle Bildformate wie JPG und PNG können nicht die gleiche Zugänglichkeit und Flexibilität bieten wie SVG.

Übliche Befehle im SVG-Format

SVG (Scalable Vector Graphics) ist ein auf XML basierendes Bildformat, das zweidimensionale Vektorgrafiken beschreibt. SVG-Dateien können verschiedene Arten von Elementen und Befehlen enthalten, die zur Definition der Struktur, Form, Farbe und anderer Eigenschaften von Grafiken verwendet werden. Hier sind einige der häufigsten Befehle im SVG-Format und ihre Beispiele:

Pfadbefehle:

"Bewegen zu"-Befehl (M): Dieser Befehl wird verwendet, um den Pinsel zu einem bestimmten Punkt zu bewegen, ohne eine Linie zu zeichnen. Zum Beispiel bewegt M1010 den Pinsel zum Punkt (10,10).

"Linie zu"-Befehl (L): Dieser Befehl wird verwendet, um eine gerade Linie zwischen der aktuellen Position und der neuen Position zu zeichnen. Zum Beispiel zeichnet L5050 eine gerade Linie zwischen der aktuellen Position und dem Punkt (50,50).

Horizontaler Linienbefehl (H): Dieser Befehl wird verwendet, um eine horizontale Linie zu zeichnen. Zum Beispiel zeichnet H90 eine horizontale Linie an der aktuellen y-Koordinate bis zur x-Koordinate von 90.

Vertikaler Linienbefehl (V): Dieser Befehl wird verwendet, um eine vertikale Linie zu zeichnen. Zum Beispiel zeichnet V90 eine vertikale Linie an der aktuellen x-Koordinate bis zur y-Koordinate von 90.

"Pfad schließen"-Befehl (Z): Dieser Befehl wird verwendet, um eine gerade Linie von der aktuellen Position zum Startpunkt des Pfads zu zeichnen und den Pfad zu schließen.

Formelemente:

Rechteckbefehl (rect): Dieser Befehl wird verwendet, um ein Rechteck zu zeichnen. Sie können die Position und Größe des Rechtecks angeben. Zum Beispiel zeichnet <rectx="10"y="10"width="50"height="50"/> ein Rechteck mit einer Breite von 50 und einer Höhe von 50 am Punkt (10,10).

Kreisbefehl (circle): Dieser Befehl wird verwendet, um einen Kreis zu zeichnen. Sie können die Position des Mittelpunkts und den Radius angeben. Zum Beispiel zeichnet <circlecx="50"cy="50"r="25"/> einen Kreis mit einem Radius von 25 am Punkt (50,50).

Ellipsenbefehl (ellipse): Dieser Befehl wird verwendet, um eine Ellipse zu zeichnen. Sie können die Position des Mittelpunkts, die horizontale und vertikale Radien angeben. Zum Beispiel zeichnet <ellipsecx="75"cy="75"rx="50"ry="25"/> eine Ellipse mit einem horizontalen Radius von 50 und einem vertikalen Radius von 25 am Punkt (75,75).

Linienbefehl (line): Dieser Befehl wird verwendet, um eine gerade Linie zu zeichnen. Sie können den Start- und Endpunkt angeben. Zum Beispiel zeichnet <linex1="0"y1="0"x2="100"y2="100"/> eine Linie von (0,0) nach (100,100).

Polygonbefehl (polygon): Dieser Befehl wird verwendet, um ein Polygon aus mehreren linearen Segmenten zu zeichnen. Sie können die Koordinaten mehrerer Punkte angeben. Schließlich schließt das Polygon automatisch, indem der letzte Punkt mit dem ersten verbunden wird. Zum Beispiel zeichnet <polygonpoints="50,50 100,100 150,50"/> ein Dreieck über die Punkte (50,50), (100,100) und (150,50).