SVGA
Choisir le format d'animation pour les cadeaux, les effets d'entrée et les thèmes de salon est une décision qui vous engage pour des années. Cela façonne vos SDK clients, le workflow de vos designers, votre facture CDN et la fluidité de votre application sur un téléphone Android à $120. Voici une comparaison technique des formats réellement utilisés par les applications de live-streaming et de voice-chat, avec des chiffres issus de catalogues réels.
Comparaison rapide
| Format | Transparence | Audio | Cadeau type de 5 s | Rendu | Idéal pour |
|---|---|---|---|---|---|
| SVGA 2.0 | Oui (alpha complet) | Oui, intégré | 0.5-2 MB | Calques natifs sur GPU | Cadeaux, effets d'entrée, thèmes |
| Lottie (JSON) | Oui (vectoriel) | Non | 0.1-1 MB vectoriel ; 5-20 MB avec images | Vectoriel rasterisé par image | Animations UI, icônes, mascottes simples |
| WebP animé | Oui | Non | 1-4 MB | Décodage d'image | Stickers de chat, petites boucles |
| GIF | 1 bit seulement | Non | 3-12 MB | Décodage d'image | Stickers anciens |
| MP4 / H.264 | Non | Oui | 0.5-3 MB | Décodeur vidéo matériel | Animations plein écran sans incrustation |
| Séquence PNG | Oui | Non | 10-40 MB | Décodage d'image | Rien - convertissez-la |
SVGA : ce que c'est et pourquoi il l'a emporté
SVGA (Simple Vector Graphics Animation) est un format ouvert développé par YY/Joyy. Un fichier contient les images de l'animation, une chronologie de transformation image par image pour chaque calque et, depuis SVGA 2.0, une piste MP3 intégrée, le tout compressé en zlib et encodé en protobuf. Il est rendu via la bibliothèque open-source SVGAPlayer sur Android, iOS, Flutter, React Native et le web. Trois caractéristiques en ont fait le standard du secteur : un canal alpha réel pour que les cadeaux flottent au-dessus de la vidéo du streamer, le son intégré au fichier pour n'avoir qu'un seul téléchargement côté client, et des calques composés par le GPU qui ne nécessitent aucun décodeur vidéo — ce qui explique pourquoi un fichier SVGA à 20 fps reste fluide là où une incrustation MP4 à 30 fps saccade sur un téléphone avec 2 GB de RAM.
Lottie : parfait pour l'UI, inadapté aux cadeaux premium
Lottie (Bodymovin JSON) est imbattable pour le mouvement d'interface vectorielle : des fichiers minuscules, une netteté parfaite à n'importe quelle résolution, une personnalisation facile, et chaque équipe mobile intègre déjà lottie-android et lottie-ios. Mais les cadeaux premium ne sont pas de l'art vectoriel. Ce sont des rendus 3D photoréalistes avec des particules, du glow, du bokeh et des lens flares. Exportés au format Lottie, ils deviennent de gigantesques fichiers JSON à calques d'images sans audio, et la rasterisation de scènes vectorielles complexes à chaque image est très coûteuse pour les processeurs bas de gamme. L'organisation retenue par la plupart des plateformes : Lottie pour l'UI de l'application et les badges, SVGA pour les cadeaux et les thèmes. (L'outil Motion Graphics de SVGA Maker exporte les deux formats, ce qui vous permet de choisir au cas par cas.)
WebP et GIF : des stickers, pas des effets
Le format WebP animé est compact et prend en charge le canal alpha, il convient donc parfaitement aux stickers de chat et aux petites émoticônes en boucle. Il ne gère pas l'audio, n'offre aucun contrôle des calques et est décodé par le CPU, de sorte que des effets plein écran de 5 secondes se transforment en fichiers de 3-4 MB avec des pertes d'images. Le GIF est pire sur tous les plans : 256 couleurs, transparence 1 bit avec des bords crénelés, et 3-12 MB par cadeau. N'utilisez plus jamais de cadeaux GIF en 2026.
MP4 : un excellent codec, mais il manque la fonctionnalité clé
La vidéo H.264/H.265 est légère et décodée de manière matérielle — mais elle ne peut pas transporter de canal alpha. Certaines applications simulent la transparence avec un shader de fond vert ou une vidéo alpha côte à côte (style VAP). Cela fonctionne, mais les contours scintillent, chaque appareil décode de manière légèrement différente, et vous devez maintenir du code de rendu personnalisé. Le MP4 n'est le bon choix que pour les animations plein écran qui ne s'incrustent pas sur le flux vidéo.
Séquences PNG : le format à convertir absolument
Les designers fournissent encore souvent des séquences PNG issues d'After Effects. Elles sont sans perte et transparentes — mais pèsent entre 10 et 40 MB par cadeau. Convertissez-les (ou leur aperçu MP4) en SVGA avant d'envoyer quoi que ce soit au client.
Performances sur les téléphones de vos utilisateurs
Les applications de chat vocal et de fête connaissent leur plus forte croissance sur les marchés dominés par des appareils équipés de 2-3 GB de RAM. L'avantage du SVGA y est structurel : calques pré-rendus, composition GPU, aucun temps de préchauffage du décodeur et fichiers légers. Conservez une fréquence de rafraîchissement de 20 fps pour les cadeaux et de 12-15 pour les thèmes, maintenez la largeur entre 384-720 px, et gardez des fichiers de moins de 2 MB. Préchargez les dix cadeaux les plus envoyés à l'entrée dans le salon ; tout le reste peut être chargé lors du premier envoi.
La réalité de l'outillage en 2026
La faiblesse historique du SVGA résidait dans ses outils : plugin After Effects, exports PNG, conversions manuelles, absence d'aperçu. C'est désormais réglé. SVGA Maker génère des cadeaux à partir d'une idée textuelle, convertit n'importe quelle vidéo en SVGA avec du son, crée des thèmes de salon silencieux et permet de prévisualiser chaque format (SVGA, Lottie, WebP, GIF, MP4) directement dans le navigateur avec l'audio. Les équipes d'AppLooma LLC l'utilisent pour gérer des catalogues de plateformes entiers.
Recommandations
- Cadeaux, effets d'entrée, thèmes de salon → SVGA 2.0.
- UI de l'application, badges, indicateurs de chargement → Lottie.
- Stickers de chat → WebP animé.
- Animations plein écran sans incrustation → MP4.
- Séquences GIF et PNG → jamais en production.
Prêt à créer votre catalogue ? Commencez par découvrir comment créer des cadeaux SVGA pour les applications de voice room.
Notes de migration si vous passez au SVGA
Ajoutez SVGAPlayer à vos clients mobiles (quelques heures par plateforme), conservez une solution de repli pour les anciennes versions de l'application qui attendent encore votre format précédent, et convertissez le catalogue existant par lots — le convertisseur vidéo vers SVGA prend en charge les exports MP4 et WebM avec audio, et les séquences PNG peuvent d'abord être rendues en MP4. Déployez en priorité les 20 cadeaux les plus envoyés, mesurez la fluidité de lecture sur votre parc d'appareils, puis migrez le reste du catalogue.
Foire aux questions
Le SVGA prend-il en charge le 60 fps ? Oui, mais les cadeaux ont rarement besoin de plus de 20-25 fps ; des fréquences plus élevées augmentent surtout la taille du fichier.
Un même fichier SVGA peut-il être lu sur le web ? Oui — SVGAPlayer-Web effectue le rendu dans un canvas HTML5 avec l'audio ; le même fichier alimente Android, iOS et le web.
Comment afficher une vignette de cadeau dans la boutique ? Exportez une image fixe au format WebP ou PNG (l'outil Thumbnail gratuit le fait automatiquement) — ne chargez jamais l'animation complète juste pour afficher une grille.
Le SVGA est-il toujours maintenu ? Le format est stable et les lecteurs sont open source avec des forks actifs ; des milliers d'applications l'utilisent au quotidien, et SVGA Maker produit des fichiers SVGA 2.0 standards qui ne nécessitent aucun lecteur personnalisé.
Qu'en est-il du VAP ou des formats vidéo alpha ? Ils résolvent le problème de transparence pour le MP4, mais nécessitent du code de rendu personnalisé sur chaque plateforme et n'offrent aucun contrôle sur les calques. La plupart des équipes qui comparent les deux choisissent malgré tout le SVGA pour leurs cadeaux.
Points clés à retenir
- SVGA 2.0 est le seul format grand public combinant un canal alpha réel, de l'audio intégré et des calques composés par le GPU — exactement ce dont les cadeaux ont besoin.
- Lottie reste l'outil idéal pour les animations d'interface ; conservez les deux dans votre application et choisissez selon le type d'élément.
- La discipline concernant la taille importe plus que le choix du format : 20 fps, 384-720 px, moins de 2 MB par cadeau, moins de 3 MB par thème.
- Les outils modernes ont supprimé les contraintes historiques du SVGA : la génération, la conversion avec le son et la prévisualisation dans le navigateur se font désormais en un clic.
- Migrez par lots en commençant par vos cadeaux les plus populaires, et conservez une solution de repli pour les anciennes versions de l'application.
Si vous hésitez, menez un projet pilote de deux semaines : convertissez vos dix cadeaux les plus envoyés en SVGA, déployez-les via un feature flag dans une région donnée, et comparez le taux de sessions sans plantage, la latence d'envoi des cadeaux et la rétention dans les salons par rapport à l'ancien format. Dans chaque pilote que nous avons mené, la version SVGA l'a emporté sur ces trois indicateurs sur les appareils bas de gamme.
