Cerchio pulsante
Animazione della scala attorno al centro. Un semplice tracciato chiuso con quattro punti Bézier aiuta a isolare i problemi di trasformazione.
512 × 512 · 60 FPS · 2 s · 394 byte
SVG / TGS / JSON
File di esempio SVG e TGS per Telegram: sorgenti da scaricare gratis
Inizia con un file piccolo dal comportamento facile da capire. Questi tre esempi creati appositamente mostrano un cerchio pulsante, una freccia in movimento e un segno di spunta fermo. Ognuno include il sorgente SVG, un file TGS e il relativo Lottie JSON non compresso.
Le schede mostrano il sorgente SVG statico. Il movimento è memorizzato nel TGS e nel JSON, non è incorporato nell’SVG. Sono esempi didattici creati tramite codice, non file provenienti dai caricamenti degli utenti.
Freccia in movimento
Animazione della posizione senza ruotare la forma. Il sorgente lascia spazio sufficiente per il movimento verticale di 56 pixel.
512 × 512 · 60 FPS · 2 s · 381 byte
Segno di spunta fermo
Un tracciato aperto con un tratto arrotondato e senza movimento. Usalo per confrontare lo spessore del tratto e distinguere un TGS immobile da un PNG.
512 × 512 · 60 FPS · 3 s · 342 byte
Come usare gli esempi
- Scarica un SVG e aprilo in un editor vettoriale. Contiene una sola forma, senza foto incorporate né testo modificabile.
- Apri il convertitore, seleziona l’SVG e accedi con Telegram. Quando selezioni un file, una copia viene inviata al servizio per la diagnostica; questo vale anche per gli esempi.
- Scegli un’animazione o la modalità statica, controlla l’anteprima ed esporta il TGS. Il preset del convertitore può usare tempi e movimenti diversi dal TGS didattico fornito qui.
- Confronta la tua esportazione con l’esempio: dimensioni della tela, fr, op, layers e proprietà animate. Poi controlla il file su Telegram usando @Stickers.
Cosa è stato verificato
Il validatore del progetto controlla gzip, JSON, una tela di 512 × 512, 60 FPS, una durata massima di 3 secondi, dimensioni compresse inferiori a 64 KB e dati delle forme supportati. Ogni esempio ha un solo livello senza immagini esterne; il primo e l’ultimo valore dell’animazione coincidono. È una verifica della struttura, non una conferma che ogni file sia stato accettato dai server di Telegram.
Cosa esaminare nel JSON
Il campo fr imposta la frequenza dei fotogrammi, op indica la fine della composizione e layers elenca i livelli. Il cerchio anima la scala in ks.s; la freccia anima la posizione in ks.p. Il segno di spunta ha un tracciato aperto, con c impostato su false, e un tratto definito da un elemento st. Il valore zero di a indica una proprietà senza fotogrammi chiave.
Riutilizzali nei tuoi progetti
Il team di SVG to TGS ha creato questi tre esempi. Puoi copiarli, modificarli e ridistribuirli, anche in progetti commerciali, senza pagare e senza obbligo di attribuzione. Questo permesso riguarda solo questi tre gruppi di file; non comprende il codice sorgente del sito, il logo o la grafica di terzi.
Conserva il file sorgente
Il convertitore accetta sorgenti SVG. I TGS e i JSON scaricabili qui servono per l’analisi e il confronto; il convertitore non può importarli nuovamente. Conserva l’SVG separatamente per le modifiche future. Prima di provare un logo complesso, verifica che un esempio semplice completi lo stesso processo sul tuo dispositivo.
Requisiti ufficiali di Telegram
Guide alla preparazione degli SVG e alla risoluzione dei problemi