Da SVG a 3D

Pronto

Trascina qui il tuo SVG

oppure premi «Carica SVG». I contorni diventano forme in rilievo con luce da studio.

Come trasformare un SVG in 3D online

Lo strumento estrude un tracciato vettoriale piatto in una forma tridimensionale con smusso e luce da studio. È pensato per loghi, icone e simboli semplici: puoi creare un logo 3D per il sito, una copertina, un'anteprima per i social o per una presentazione. La scena viene renderizzata nel browser con Three.js (WebGL), senza installare programmi.

Come si usa

Clicca «Carica SVG» oppure trascina il file nella finestra. Per vedere prima come funziona, clicca «Guarda la demo».
Scegli il materiale: studio, vetro, plastica, metallo o cromo.
Imposta il colore del modello e quello dello sfondo.
Regola l'intensità della luce e la profondità 3D (da 0 a 200%). Muovi il cursore sulla scena: la forma si inclina seguendo il mouse, così trovi l'angolazione e il riflesso giusti.
Salva il risultato: «Screenshot 4K» genera un PNG largo 3840 px, «Esporta HTML» ti dà il codice della scena da inserire nel sito.

Come preparare l'SVG

Diventano tridimensionali solo le forme con riempimento. Le linee senza riempimento (contorno, stroke) vengono ignorate. Converti il contorno in tracciato: in Figma con Outline stroke, in Illustrator con Oggetto → Tracciato → Traccia contorno.
Converti il testo in curve, altrimenti le lettere non compariranno.
Più il tracciato è semplice, più lo smusso è pulito. Punti superflui e dettagli minuti producono artefatti.
Tutta la forma viene colorata con un unico colore: i colori originali dell'SVG non vengono mantenuti.

Esportazione HTML

Il codice contiene il tuo SVG e le impostazioni scelte. Incollalo in un blocco di codice HTML su qualsiasi pagina: la scena occuperà un riquadro 16:10 e reagirà al mouse esattamente come qui. Three.js viene caricato da CDN, quindi la pagina ha bisogno di una connessione a Internet.

Limiti

Non è possibile scaricare il modello 3D (GLB, OBJ, STL). Il risultato è un'immagine o una scena interattiva, non adatta alla stampa 3D né a Blender.
Sono accettati solo file SVG. Le immagini raster PNG e JPG non vanno bene.
L'inclinazione funziona con il mouse. Sullo smartphone la forma resta nell'angolazione iniziale.
Vetro e cromo pesano di più sulla scheda grafica e sui dispositivi meno potenti la scena può rallentare.

Privacy

L'SVG viene letto e renderizzato nel tuo browser, il file non viene inviato al server. La libreria Three.js viene caricata dalle CDN cdnjs e jsDelivr. Il sito raccoglie statistiche sulle visite: Cloudflare Web Analytics senza cookie, mentre Yandex Metrica e Google Analytics si attivano solo se hai accettato i cookie. Maggiori dettagli nell'informativa sulla privacy.

Ti serve un'idea per il simbolo? Dai un'occhiata ai prompt per loghi. Lo screenshot 4K in PNG è pesante: prima di pubblicarlo conviene comprimerlo online. Per dare profondità a una normale foto c'è la mappa di profondità online.

Domande frequenti su SVG in 3D

Posso scaricare il modello 3D per la stampa?

No. Lo strumento salva uno screenshot PNG da 3840 px e il codice HTML della scena. Non ci sono file GLB, OBJ o STL.

Perché il mio SVG non diventa tridimensionale?

Molto probabilmente il file contiene solo contorni o testo. Converti contorni e font in curve con riempimento e carica di nuovo il file.

Come inserire un logo 3D nel sito?

Clicca «Esporta HTML», poi «Copia» e incolla il codice in un blocco HTML del tuo website builder o nel template della pagina.

È gratis?

Sì, senza registrazione. Nessuna filigrana sullo screenshot.