Generatore di animazioni SVG — basta una frase e si mette in movimento

Il punto di forza è il movimento dichiarativo, cioè animazioni che eseguono una coreografia definita:
(1) Elementi web e di interfaccia — indicatori di caricamento, loghi che si disegnano, sfondi a onde, 404 animati.
(2) Effetti di testo — rivelazioni a macchina da scrivere, tipografia cinetica, calligrafia che si scrive da sola.
(3) Schemi esplicativi — pianeti in orbita, linee del tempo, grafici che crescono, principi di funzionamento in loop.

Non è lo strumento adatto per: simulazioni o giochi guidati da JavaScript (fisica con valori in tempo reale, applet interattive); per loghi e illustrazioni statiche usa il generatore SVG di GPT Image 2; per diagrammi di flusso, il generatore di diagrammi SVG con IA.

Sì: è letteralmente così che funziona questa pagina in modo predefinito. Claude Sonnet 5 di Anthropic scrive direttamente il markup SVG e i keyframe CSS, forma per forma e fotogramma per fotogramma. Scrivere codice vettoriale a partire da una descrizione testuale è una di quelle attività in cui i modelli di punta sono diventati notevolmente bravi, e Claude è costantemente tra i migliori. Non è però l'unica opzione: il selettore dei livelli esegue anche Gemini 3.6 Flash e Kimi K3, e nelle impostazioni avanzate puoi indicare direttamente GPT-5.6, DeepSeek V4 Flash o MiniMax M3. Scrivi una frase qui sopra e apri la vista codice per vedere esattamente cosa ha prodotto il tuo motore.

Per tutto ciò che finisce su un sito web, l'SVG animato vince su ogni fronte: qualche decina di kilobyte invece di megabyte, nitidezza perfetta a ogni livello di zoom, loop fluido e infinito, e codice modificabile invece di pixel fissati. La GIF conserva un solo vantaggio: viene riprodotta su piattaforme che non accettano il caricamento di SVG (alcune app di messaggistica e alcuni feed social). Regola pratica: SVG per il tuo sito, le tue slide e i tuoi documenti; GIF solo dove la piattaforma lo impone. Non devi decidere in anticipo: ogni generazione si esporta in GIF e MP4 dallo stesso risultato, con rendering nel browser e senza costi aggiuntivi in crediti.

In due modi:
(1) Come immagine — carichi il file .svg e lo richiami in un normale tag img. Le animazioni con keyframe CSS contenute nel file partono da sole.
(2) Inline — copi il codice dalla vista codice e lo incolli nel tuo HTML. È la strada giusta se vuoi effetti al passaggio del mouse, perché gli stati di interazione funzionano solo quando l'SVG vive dentro la pagina.
In entrambi i casi non c'è nessuno script da caricare né altro da installare.

No. Il risultato è animazione puramente dichiarativa: keyframe CSS (e occasionalmente SMIL) dentro al file SVG stesso. Niente GSAP, niente player Lottie, nessun runtime. È proprio questo a renderla sicura da incollare inline, veloce da caricare e compatibile con tutti i browser moderni. Una precisazione onesta: la maggior parte dei client di posta blocca le animazioni SVG, quindi per le newsletter la GIF resta la scelta più sicura.

Sì, è la seconda modalità. Carica il tuo SVG, descrivi il movimento che vuoi (disegnare il contorno tratto dopo tratto, far fluttuare dolcemente, far pulsare il colore d'accento) e l'IA aggiunge l'animazione lasciando intatte le tue forme originali. Se il tuo logo esiste solo in PNG o JPG, convertilo prima con il generatore SVG di GPT Image 2 e poi animalo qui.

Sì, ed entrambi sono gratuiti. L'SVG è il risultato nativo; GIF e MP4 vengono prodotti riproducendo la tua animazione fotogramma per fotogramma dentro il tuo browser: non viene caricato nulla e non vengono addebitati crediti aggiuntivi. Usa la GIF dove il caricamento di SVG non è accettato e l'MP4 per video brevi, slide e materiali didattici. La codifica MP4 richiede un browser con WebCodecs (Chrome, Edge e le versioni recenti di Safari ce l'hanno); dove manca, SVG e GIF continuano a funzionare e resta disabilitato solo il pulsante MP4.

10 crediti a generazione, come per gli altri strumenti SVG di questo sito. I nuovi utenti ricevono crediti gratuiti per provare.

La maggior parte delle animazioni è pronta in ben meno di un minuto. Le scene con molti elementi o con coreografie lunghe possono arrivare a due minuti: l'IA scrive a mano ogni forma e ogni keyframe.

Sì. Le animazioni che generi sono tue e l'uso commerciale è libero: nei progetti per i clienti, dentro i prodotti e nei contenuti a pagamento.