Visionneuse SVG en ligne

Convertisseur SVG en ligne gratuit - PNG en SVG, JPG en SVG, SVG en PNG, SVG en JPG

Vous avez besoin d'un convertisseur SVG en ligne gratuit ? Il permet de convertir librement entre PNG, JPG et SVG. Ce convertisseur en ligne gratuit avancé permet aux utilisateurs de convertir leurs fichiers PNG et JPG en graphiques vectoriels évolutifs SVG, ainsi que de convertir les graphiques vectoriels SVG en images PNG ou JPG.

Si vous avez besoin de convertir des fichiers PNG ou JPG en SVG, notre constructeur SVG avancé peut vous aider. Le convertisseur gratuit de PNG en SVG est l'un des convertisseurs SVG les plus populaires et a déjà converti des millions de fichiers. Notre convertisseur SVG en ligne gratuit peut être utilisé gratuitement, sans limite de nombre de fichiers. Vous pouvez convertir librement autant de fichiers que vous le souhaitez.

Nous avons conçu une interface simple et claire qui répond aux besoins des graphistes et des développeurs Web. Entièrement gratuit, ouvrez l'outil en ligne et commencez à convertir des fichiers en SVG ou à convertir SVG en PNG, JPG.

Voici quelques-unes des conversions d'images célèbres prises en charge : PNG en SVG, JPG en SVG, SVG en PNG, SVG en JPG.

Qu'est-ce que le format SVG ?

SVG est le format le plus courant pour le développement Web et d'autres environnements graphiques. Les graphiques vectoriels évolutifs sont basés sur la description des lignes, des formes, des courbes, des couleurs et du texte à l'aide de XML. Le format SVG est facile à modifier et peut être utilisé dans le développement Web, les concepteurs pouvant manipuler le format SVG avec JavaScript et CSS. Les formats d'image traditionnels tels que JPG et PNG ne peuvent pas offrir la même accessibilité et flexibilité de modification que SVG.

Principales commandes du format SVG

SVG (Scalable Vector Graphics) est un format d'image basé sur XML qui décrit des images graphiques vectorielles en deux dimensions. Les fichiers au format SVG peuvent contenir différents types d'éléments et de commandes utilisés pour définir la structure, la forme, la couleur et d'autres propriétés graphiques. Voici quelques-unes des commandes courantes du format SVG et leurs exemples :

Commandes de traçage :

Commande "Déplacer vers" (M) : Cette commande est utilisée pour déplacer le pinceau vers un point spécifié, sans dessiner de ligne. Par exemple, M1010 déplacera le pinceau jusqu'au point (10,10).

Commande "Ligne vers" (L) : Cette commande est utilisée pour dessiner une ligne droite entre la position actuelle et la nouvelle position. Par exemple, L5050 dessinera une ligne droite entre la position actuelle et le point (50,50).

Commande "Ligne horizontale" (H) : Cette commande est utilisée pour dessiner une ligne horizontale. Par exemple, H90 dessinera une ligne horizontale à la coordonnée y actuelle jusqu'à la coordonnée x de 90.

Commande "Ligne verticale" (V) : Cette commande est utilisée pour dessiner une ligne verticale. Par exemple, V90 dessinera une ligne verticale à la coordonnée x actuelle jusqu'à la coordonnée y de 90.

Commande "Fermer la trajectoire" (Z) : Cette commande est utilisée pour tracer une ligne droite depuis la position actuelle jusqu'au point de départ du chemin, fermant ainsi la trajectoire.

Éléments de forme :

Commande de rectangle (rect) : Cette commande est utilisée pour dessiner un rectangle. Vous pouvez spécifier la position et la taille du rectangle. Par exemple, <rectx="10"y="10"width="50"height="50"/> dessinera un rectangle de largeur 50 et de hauteur 50 au point (10,10).

Commande de cercle (circle) : Cette commande est utilisée pour dessiner un cercle. Vous pouvez spécifier la position du centre et le rayon. Par exemple, <circlecx="50"cy="50"r="25"/> dessinera un cercle de rayon 25 au point (50,50).

Commande d'ellipse (ellipse) : Cette commande est utilisée pour dessiner une ellipse. Vous pouvez spécifier la position du centre, les rayons horizontal et vertical. Par exemple, <ellipsecx="75"cy="75"rx="50"ry="25"/> dessinera une ellipse de rayon horizontal 50 et de rayon vertical 25 au point (75,75).

Commande de ligne (line) : Cette commande est utilisée pour dessiner une ligne droite. Vous pouvez spécifier les coordonnées du début et de la fin. Par exemple, <linex1="0"y1="0"x2="100"y2="100"/> dessinera une ligne de (0,0) à (100,100).

Commande de polygone (polygon) : Cette commande est utilisée pour dessiner un polygone constitué de plusieurs segments linéaires. Vous pouvez spécifier les coordonnées de plusieurs points. Enfin, le polygone se ferme automatiquement en reliant le dernier point au premier. Par exemple, <polygonpoints="50,50 100,100 150,50"/> dessinera un triangle via les points (50,50), (100,100) et (150,50).