Cercle qui pulse
Animation de l’échelle autour du centre. Un tracé fermé simple avec quatre points de Bézier permet d’isoler les problèmes de transformation.
512 × 512 · 60 FPS · 2 s · 394 octets
SVG / TGS / JSON
Exemples SVG et TGS pour Telegram : fichiers sources gratuits
Commencez par un petit fichier dont le comportement est facile à comprendre. Ces trois exemples pédagogiques présentent un cercle qui pulse, une flèche en mouvement et une coche statique. Chacun comprend le SVG source, un fichier TGS et son Lottie JSON décompressé.
Les cartes affichent le SVG source statique. Le mouvement est enregistré dans le TGS et le JSON ; il n’est pas intégré au SVG. Ce sont des exemples pédagogiques créés par programmation, et non des fichiers issus des envois d’utilisateurs.
Flèche en mouvement
Animation de la position sans rotation de la forme. Le dessin source laisse assez d’espace pour son déplacement vertical de 56 pixels.
512 × 512 · 60 FPS · 2 s · 381 octets
Coche statique
Un tracé ouvert avec un contour aux extrémités et aux jonctions arrondies, sans mouvement. Comparez l’épaisseur du trait et voyez ce qui distingue un TGS statique d’un PNG.
512 × 512 · 60 FPS · 3 s · 342 octets
Comment utiliser les exemples
- Téléchargez un SVG et ouvrez-le dans un éditeur vectoriel. Il contient une seule forme, sans photo intégrée ni texte éditable.
- Ouvrez le convertisseur, sélectionnez le SVG et connectez-vous avec Telegram. La sélection d’un fichier envoie une copie au service à des fins de diagnostic ; cette règle s’applique aussi à ces exemples.
- Choisissez un mouvement ou le mode statique, examinez l’aperçu et exportez le TGS. Le préréglage du convertisseur peut avoir un rythme et un mouvement différents de ceux du TGS pédagogique fourni ici.
- Comparez votre export avec l’exemple : dimensions du canevas, fr, op, layers et propriétés animées. Vérifiez ensuite le fichier dans Telegram avec @Stickers.
Ce qui a été vérifié
Le validateur du projet vérifie gzip, JSON, un canevas de 512 × 512, 60 FPS, une durée maximale de 3 secondes, une taille compressée inférieure à 64 KB et les données de formes prises en charge. Chaque exemple comporte un calque sans images externes ; les premières et dernières valeurs animées correspondent. Il s’agit d’une vérification structurelle, pas d’une confirmation que chaque fichier a été accepté par les serveurs de Telegram.
Que regarder dans le JSON
Le champ fr définit la fréquence d’images, op indique la fin de la composition et layers énumère les calques. Le cercle anime l’échelle dans ks.s ; la flèche anime la position dans ks.p. La coche possède un tracé ouvert, avec c défini sur false, et un contour défini par un élément st. Une valeur a égale à zéro désigne une propriété sans images clés.
Réutilisez-les dans vos projets
L’équipe SVG to TGS a créé ces trois exemples. Vous pouvez les copier, les modifier et les redistribuer, y compris dans des projets commerciaux, sans paiement ni attribution obligatoire. Cette autorisation concerne uniquement ces trois ensembles de fichiers ; elle ne couvre pas le code source du site, le logo ni les œuvres de tiers.
Conditions d’utilisation des exemples
Conservez le fichier source
Le convertisseur accepte les SVG sources. Les fichiers TGS et JSON proposés ici servent à l’examen et à la comparaison ; le convertisseur ne peut pas les réimporter. Conservez le SVG séparément pour les modifications futures. Avant de tester un logo complexe, vérifiez qu’un exemple simple suit bien le même parcours jusqu’au bout sur votre appareil.