SVGA
Het kiezen van het animatieformaat voor gifts, entree-effecten en room-thema's is een beslissing waar je jarenlang aan vastzit. Het vormt je client-SDK's, je designer-pipeline, je CDN-rekening en hoe je app aanvoelt op een Android-telefoon van $120. Hier is een technische vergelijking van de formaten die live-streaming- en voice-chat party-apps daadwerkelijk gebruiken, met cijfers uit echte catalogi.
Snelle vergelijking
| Formaat | Transparantie | Audio | Typische gift van 5 s | Rendering | Het beste voor |
|---|---|---|---|---|---|
| SVGA 2.0 | Ja (volledige alpha) | Ja, ingebouwd | 0.5-2 MB | Native lagen op GPU | Gifts, entree-effecten, thema's |
| Lottie (JSON) | Ja (vector) | Nee | 0.1-1 MB vector; 5-20 MB met afbeeldingen | Vector gerasterd per frame | UI-animaties, iconen, eenvoudige mascottes |
| Geanimeerde WebP | Ja | Nee | 1-4 MB | Afbeeldingsdecodering | Chatstickers, kleine loops |
| GIF | Alleen 1-bit | Nee | 3-12 MB | Afbeeldingsdecodering | Verouderde stickers |
| MP4 / H.264 | Nee | Ja | 0.5-3 MB | Hardware-videodecoder | Schermvullende overnames zonder overlay |
| PNG-reeks | Ja | Nee | 10-40 MB | Afbeeldingsdecodering | Niets - converteer het |
SVGA: wat het is en waarom het heeft gewonnen
SVGA (Simple Vector Graphics Animation) is een open formaat van YY/Joyy. Een bestand bevat de afbeeldingen van de animatie, een transformatietijdlijn per frame voor elke laag en sinds SVGA 2.0 een ingebouwde MP3-track, allemaal zlib-gecomprimeerd en protobuf-gecodeerd. Het rendert via de open-source SVGAPlayer op Android, iOS, Flutter, React Native en het web. Drie eigenschappen maakten het de industriestandaard: echte alpha zodat gifts boven de video van de streamer zweven, audio in het bestand zodat de client maar één download nodig heeft, en GPU-samengestelde lagen die geen videodecoder vereisen - wat verklaart waarom een SVGA van 20 fps soepel afspeelt waar een MP4-overlay van 30 fps hapert op een telefoon met 2 GB RAM.
Lottie: briljant voor UI, ongeschikt voor premium gifts
Lottie (Bodymovin JSON) is onverslaanbaar voor vector-UI-animaties: kleine bestanden, haarscherp op elke resolutie, eenvoudig van thema te voorzien en elk mobiel team gebruikt al lottie-android en lottie-ios. Maar premium gifts zijn geen vectorkunst. Het zijn fotorealistische 3D-renders met deeltjes, glow, bokeh en lensflares. Geëxporteerd als Lottie worden het gigantische JSON-bestanden met afbeeldingslagen zonder audio, en het rasteren van complexe vectorscènes per frame is zwaar voor goedkope CPU's. Het patroon waar de meeste platforms voor kiezen: Lottie voor app-UI en badges, SVGA voor gifts en thema's. (De Motion Graphics-tool van SVGA Maker exporteert beide, dus je kunt per asset kiezen.)
WebP en GIF: stickers, geen effecten
Geanimeerde WebP is compact en ondersteunt alpha, dus het is prima voor chatstickers en kleine herhalende emotes. Het heeft geen audio, geen laagbesturing en decodeert op de CPU, waardoor schermvullende effecten van 5 seconden veranderen in bestanden van 3-4 MB die frames verliezen. GIF is op elk vlak slechter: 256 kleuren, 1-bit transparantie met kartelranden en 3-12 MB per gift. Verstuur in 2026 nooit meer GIF-gifts.
MP4: geweldige codec, mist net die ene functie die je nodig hebt
H.264/H.265-video is klein en wordt door hardware gedecodeerd - maar het kan geen alphakanaal bevatten. Sommige apps faken transparantie met een greenscreen-shader of een side-by-side alpha-video (VAP-stijl). Het werkt, maar de randen flikkeren, elk apparaat decodeert net even anders en je onderhoudt nu aangepaste renderingcode. MP4 is alleen de juiste keuze voor schermvullende overnames die geen overlay vormen op de stream.
PNG-reeksen: het formaat waar je van weg converteert
Designers leveren nog steeds PNG-reeksen aan vanuit After Effects. Ze zijn verliesvrij en transparant - en 10-40 MB per gift. Converteer ze (of de MP4-preview) naar SVGA voordat er iets bij de client terechtkomt.
Prestaties op de telefoons van je gebruikers
Party-apps groeien het snelst in markten vol apparaten met 2-3 GB RAM. Het voordeel van SVGA is daar structureel: vooraf gerenderde lagen, GPU-compositing, geen opwarmtijd voor de decoder en kleine bestanden. Houd de framerate op 20 fps voor gifts en 12-15 voor thema's, houd de breedte op 384-720 px en houd bestanden onder 2 MB. Laad de tien meest verstuurde gifts vooraf bij het betreden van de room; de rest kan worden geladen bij de eerste verzending.
De realiteit van tools in 2026
Het historische zwakke punt van SVGA waren de tools - een After Effects-plugin, PNG-exports, handmatige conversie, geen voorbeeldweergave. Dat is opgelost. SVGA Maker genereert gifts op basis van een tekstidee, converteert elke video naar SVGA met geluid, bouwt stille room-thema's en toont voorbeelden van elk formaat (SVGA, Lottie, WebP, GIF, MP4) in de browser met audio. Teams bij AppLooma LLC verwerken hele platformcatalogi via deze tool.
Aanbeveling
- Gifts, entree-effecten, room-thema's → SVGA 2.0.
- App-UI, badges, loaders → Lottie.
- Chatstickers → geanimeerde WebP.
- Schermvullende overnames zonder overlay → MP4.
- GIF- en PNG-reeksen → nooit in productie.
Klaar om de catalogus te bouwen? Begin met hoe je SVGA-gifts maakt voor voice room party-apps.
Migratiesenota's als je overstapt op SVGA
Voeg SVGAPlayer toe aan de clients (een paar uur per platform), behoud een fallback-pad voor oudere app-versies die nog je vorige formaat verwachten en converteer de bestaande catalogus in batches - de video-naar-SVGA-converter verwerkt MP4- en WebM-exports met audio, en PNG-reeksen kunnen eerst naar MP4 worden gerenderd. Lanceer eerst de 20 meest verstuurde gifts, meet de soepelheid van de weergave op je apparaatmatrix en migreer vervolgens de rest.
Veelgestelde vragen
Ondersteunt SVGA 60 fps? Ja, maar gifts hebben zelden meer dan 20-25 fps nodig; hogere snelheden maken het bestand voornamelijk groter.
Kan één SVGA-bestand ook op het web worden afgespeeld? Ja - SVGAPlayer-Web rendert in een canvas met audio; hetzelfde bestand werkt voor Android, iOS en web.
Hoe toon ik een gift-miniatuurweergave in de winkel? Exporteer een statisch frame als WebP of PNG (de gratis Thumbnail-tool doet dit) - laad nooit de animatie alleen om een raster te tekenen.
Wordt SVGA nog onderhouden? Het formaat is stabiel en de players zijn open-source met actieve forks; duizenden apps gebruiken het dagelijks, en SVGA Maker produceert standaard SVGA 2.0-bestanden waarvoor geen aangepaste player nodig is.
Hoe zit het met VAP- of alpha-video-formaten? Ze lossen transparantie op voor MP4, maar vereisen aangepaste renderingcode op elk platform en bieden geen laagbesturing. De meeste teams die beide evalueren, kiezen voor gifts nog steeds voor SVGA.
Belangrijkste inzichten
- SVGA 2.0 is het enige mainstream formaat met echte alpha, ingebouwde audio en GPU-samengestelde lagen - precies wat gifts nodig hebben.
- Lottie blijft de juiste tool voor interface-animaties; houd beide in de app en kies per asset.
- Bestandsgrootte-discipline is belangrijker dan de formaatkeuze: 20 fps, 384-720 px, onder 2 MB per gift, onder 3 MB per thema.
- Moderne tools hebben de oude obstakels van SVGA weggenomen - generatie, conversie met geluid en browservoorbeeldweergave zijn nu acties met één klik.
- Migreer in batches, beginnend met je meest verstuurde gifts, en behoud een fallback voor oudere clientversies.
Als je twijfelt, voer dan een pilot van twee weken uit: converteer je tien meest verstuurde gifts naar SVGA, breng ze onder een feature flag uit in één regio en vergelijk crashvrije sessies, verzendlatentie van gifts en room-retentie met het oude formaat. In elke pilot die we hebben uitgevoerd, won de SVGA-build op alle drie de statistieken op goedkope apparaten.
