Convertitore SVG online gratuito - da PNG a SVG, da JPG a SVG, da SVG a PNG, da SVG a JPG

Hai bisogno di un convertitore SVG online gratuito? Puoi convertire liberamente tra PNG, JPG e SVG. Questo convertitore online gratuito avanzato consente agli utenti di convertire i propri file PNG e JPG in grafica vettoriale scalabile SVG e di convertire la grafica vettoriale SVG in immagini PNG o JPG.

Se vuoi convertire i file PNG o JPG in SVG, il nostro avanzato creatore di SVG può aiutarti. Il convertitore gratuito da PNG a SVG è uno dei convertitori SVG più popolari ed ha già convertito milioni di file. Il nostro convertitore SVG online gratuito può essere utilizzato gratuitamente, senza limiti di quantità di file. Puoi convertire liberamente qualsiasi numero di file.

Abbiamo progettato un'interfaccia semplice e chiara per soddisfare le esigenze dei designer grafici e degli sviluppatori web. Completamente gratuito, apri lo strumento online e inizia a convertire i file in SVG o a convertire SVG in PNG, JPG.

Ecco alcuni delle conversioni di immagini famose supportate: da PNG a SVG, da JPG a SVG, da SVG a PNG, da SVG a JPG.

Cos'è il formato SVG?

SVG è il formato più utilizzato per lo sviluppo web e altri ambienti grafici. La grafica vettoriale scalabile si basa sulla descrizione di linee, forme, curve, colori e testo tramite XML. Il formato SVG è facilmente modificabile e può essere utilizzato nello sviluppo web. I designer possono manipolare il formato SVG con JavaScript e CSS. I formati di immagine tradizionali come JPG e PNG non possono fornire la stessa accessibilità e flessibilità del SVG.

Comandi comuni nel formato SVG

SVG (Scalable Vector Graphics) è un formato di immagine basato su XML che descrive immagini vettoriali bidimensionali. I file SVG possono contenere vari tipi di elementi e comandi utilizzati per definire la struttura, la forma, il colore e altre proprietà delle immagini. Ecco alcuni dei comandi più comuni nel formato SVG e i loro esempi:

Comandi di percorso:

Comando "Spostare su" (M): Questo comando viene utilizzato per spostare il pennello su un punto specifico senza disegnare alcuna linea. Ad esempio, M1010 sposterà il pennello al punto (10,10).

Comando "Linea su" (L): Questo comando viene utilizzato per disegnare una linea retta tra la posizione corrente e la nuova posizione. Ad esempio, L5050 disegnerà una linea retta tra la posizione corrente e il punto (50,50).

Comando "Linea orizzontale" (H): Questo comando viene utilizzato per disegnare una linea orizzontale. Ad esempio, H90 disegnerà una linea orizzontale alla coordinata y corrente fino a quando la coordinata x non sarà 90.

Comando "Linea verticale" (V): Questo comando viene utilizzato per disegnare una linea verticale. Ad esempio, V90 disegnerà una linea verticale alla coordinata x corrente fino a quando la coordinata y non sarà 90.

Comando "Chiudi percorso" (Z): Questo comando viene utilizzato per disegnare una linea retta dalla posizione corrente al punto di inizio del percorso, chiudendo così il percorso.

Comandi degli elementi di forma:

Comando rettangolo (rect): Questo comando viene utilizzato per disegnare un rettangolo. È possibile specificare la posizione e le dimensioni del rettangolo. Ad esempio, <rectx="10"y="10"width="50"height="50"/> disegnerà un rettangolo con larghezza 50 e altezza 50 alle coordinate (10,10).

Comando cerchio (circle): Questo comando viene utilizzato per disegnare un cerchio. È possibile specificare la posizione del centro e il raggio del cerchio. Ad esempio, <circlecx="50"cy="50"r="25"/> disegnerà un cerchio con raggio 25 alle coordinate (50,50).

Comando ellisse (ellipse): Questo comando viene utilizzato per disegnare un'ellisse. È possibile specificare la posizione del centro, il raggio orizzontale e il raggio verticale. Ad esempio, <ellipsecx="75"cy="75"rx="50"ry="25"/> disegnerà un'ellisse con raggio orizzontale 50 e raggio verticale 25 alle coordinate (75,75).

Comando linea (line): Questo comando viene utilizzato per disegnare una linea retta. È possibile specificare le coordinate del punto di inizio e del punto di arrivo. Ad esempio, <linex1="0"y1="0"x2="100"y2="100"/> disegnerà una linea retta da (0,0) a (100,100).

Comando polilinea (polyline): Questo comando viene utilizzato per disegnare una polilinea composta da più segmenti lineari. È possibile specificare più punti di coordinate della polilinea. Ad esempio, <polylinepoints="50,50 100,100 150,50 200,100"/> disegnerà una polilinea che collega i punti (50,50), (100,100), (150,50) e (200,100) in sequenza.

Comando poligono (polygon): Questo comando viene utilizzato per disegnare un poligono composto da più segmenti lineari. Come la polilinea, è possibile specificare più punti di coordinate del poligono. Alla fine, il poligono si chiuderà automaticamente, collegando l'ultimo punto al primo. Ad esempio, <polygonpoints="50,50 100,100 150,50"/> disegnerà un triangolo che connette i punti (50,50), (100,100) e (150,50) in sequenza.