SVGA
Valget af animationsformat til gaver, entréeffekter og rumtemaer er en beslutning, du skal leve med i mange år. Det former dine klient-SDK'er, dit designer-pipeline, din CDN-regning og hvordan din app føles på en Android-telefon til 120 $. Her er en teknisk sammenligning af de formater, som apps til live-streaming og voice-chat-fester reelt bruger, med tal fra virkelige kataloger.
Hurtig sammenligning
| Format | Gennemsigtighed | Lyd | Typisk gave på 5 sek. | Rendering | Bedst til |
|---|---|---|---|---|---|
| SVGA 2.0 | Ja (fuld alpha) | Ja, indlejret | 0,5-2 MB | Native lag på GPU | Gaver, entréeffekter, temaer |
| Lottie (JSON) | Ja (vektor) | Nej | 0,1-1 MB vektor; 5-20 MB med billeder | Vektor rasteriseres pr. frame | UI-bevægelse, ikoner, enkle maskotter |
| Animeret WebP | Ja | Nej | 1-4 MB | Billeddekodning | Chat-klistermærker, små loops |
| GIF | Kun 1-bit | Nej | 3-12 MB | Billeddekodning | Ældre klistermærker |
| MP4 / H.264 | Nej | Ja | 0,5-3 MB | Hardware-videodekoder | Fuldskærms-takeovers uden overlay |
| PNG-sekvens | Ja | Nej | 10-40 MB | Billeddekodning | Intet – konverter det |
SVGA: Hvad det er, og hvorfor det vandt
SVGA (Simple Vector Graphics Animation) er et åbent format fra YY/Joyy. En fil indeholder animationens billeder, en tidslinje for transformering pr. frame for hvert lag og siden SVGA 2.0 et indlejret MP3-lydspor – alt sammen zlib-komprimeret og protobuf-kodet. Det renderes via open source-afspilleren SVGAPlayer på Android, iOS, Flutter, React Native og web. Tre egenskaber gjorde det til branchens standard: ægte alpha så gaver svæver over streamerens video, lyd inde i filen så klienten kun behøver én download, og GPU-sammensatte lag, der ikke kræver nogen videodekoder – hvilket er grunden til, at en 20 fps SVGA afspilles jævnt, hvor et 30 fps MP4-overlay hakker på en telefon med 2 GB RAM.
Lottie: Fantastisk til UI, forkert til premium-gaver
Lottie (Bodymovin JSON) er uovertruffen til vektorbaseret grænsefladebevægelse: mikroskopiske filer, knivskarp i enhver opløsning, nem at tematisere, og alle mobilteams leverer allerede lottie-android og lottie-ios. Men premium-gaver er ikke vektorkunst. De er fotorealistiske 3D-renderings med partikler, glød, bokeh og lens flares. Eksporteret som Lottie bliver de til gigantiske billedlag-JSON-filer uden lyd, og rasterisering af komplekse vektor-scener for hver frame er hårdt for billige CPU'er. Det mønster, de fleste platforme lander på: Lottie til app-UI og badges, SVGA til gaver og temaer. (SVGA Makers Motion Graphics-værktøj eksporterer begge dele, så du kan vælge pr. aktiv.)
WebP og GIF: Klistermærker, ikke effekter
Animeret WebP er kompakt og understøtter alpha, så det er fint til chat-klistermærker og små lukkede emotes. Det har ingen lyd, ingen lagstyring og dekodes på CPU'en, så fuldskærms-effekter på 5 sekunder bliver til filer på 3-4 MB, der hakker i afspilningen. GIF er værre på alle parametre: 256 farver, 1-bit gennemsigtighed med takkede kanter og 3-12 MB pr. gave. Udgiv aldrig GIF-gaver i 2026.
MP4: Fantastisk codec, men mangler den ene funktion, du har brug for
H.264/H.265-video er lille og hardware-afkodet – men det kan ikke indeholde en alphakanal. Nogle apps simulerer gennemsigtighed med en green-screen-shader eller en side-by-side-alphavideo (VAP-stil). Det fungerer, men kanterne flimrer, hver enhed dekoder lidt forskelligt, og du står nu og vedligeholder tilpasset rendering-kode. MP4 er kun det rigtige valg til fuldskærms-takeovers, der ikke placeres som et overlay oven på streamen.
PNG-sekvenser: Formatet, du konverterer væk fra
Designere leverer stadig PNG-sekvenser fra After Effects. De er tabsfrie og gennemsigtige – og fylder 10-40 MB pr. gave. Konverter dem (eller MP4-forhåndsvisningen) til SVGA, før noget når ud til klienten.
Ydelse på de telefoner, dine brugere ejer
Party-apps vokser hurtigst på markeder fyldt med enheder med 2-3 GB RAM. SVGA's fordel her er strukturel: forhåndsrendered lag, GPU-sammensætning, ingen opvarmning af dekoder og små filer. Hold frameraten på 20 fps for gaver og 12-15 for temaer, hold bredden på 384-720 px, og hold filerne under 2 MB. Forudindlæs de ti mest sendte gaver ved indgang til rummet; alt andet kan indlæses ved første afsendelse.
Værktøjsvirkeligheden i 2026
SVGA's historiske svaghed var værktøjerne – et After Effects-plugin, PNG-eksport, manuel konvertering, ingen forhåndsvisning. Det er løst. SVGA Maker genererer gaver ud fra en tekstidé, konverterer enhver video til SVGA med lyd, bygger lydløse rumtemaer og forhåndsviser ethvert format (SVGA, Lottie, WebP, GIF, MP4) i browseren med lyd. Teams hos AppLooma LLC kører hele platformskataloger igennem det.
Anbefaling
- Gaver, entréeffekter, rumtemaer → SVGA 2.0.
- App-UI, badges, loaders → Lottie.
- Chat-klistermærker → animeret WebP.
- Fuldskærms-takeovers uden overlay → MP4.
- GIF- og PNG-sekvenser → aldrig i produktion.
Klar til at opbygge kataloget? Start med sådan laver du SVGA-gaver til voice-room party-apps.
Migrationsnoter, hvis du skifter til SVGA
Tilføj SVGAPlayer til klienterne (et par timer pr. platform), bevar en fallback-sti til ældre app-versioner, der stadig forventer dit tidligere format, og konverter det eksisterende katalog i batches – video-til-SVGA-konverteren håndterer MP4- og WebM-eksport med lyd, og PNG-sekvenser kan renderes til MP4 først. Udgiv de 20 mest sendte gaver først, mål afspilningsflydet på din enhedsmatrix, og migrer derefter den lange hale.
Ofte stillede spørgsmål
Understøtter SVGA 60 fps? Ja, men gaver har sjældent brug for mere end 20-25 fps; højere raters primære effekt er at øge filstørrelsen.
Kan én SVGA-fil også afspilles på web? Ja – SVGAPlayer-Web renderes i et canvas med lyd; den samme fil dækker Android, iOS og web.
Hvordan viser jeg et miniaturebillede (thumbnail) for en gave i butikken? Eksporter en statisk frame som WebP eller PNG (det gratis Thumbnail-værktøj gør dette) – indlæs aldrig animationen blot for at tegne et gitter.
Vedligeholdes SVGA stadig? Formatet er stabilt, og afspillerne er open source med aktive forks; tusindvis af apps bruger det dagligt, og SVGA Maker producerer standard SVGA 2.0-filer, som ikke kræver en tilpasset afspiller.
Hvad med VAP eller alpha-video-formater? De løser gennemsigtighed for MP4, men kræver tilpasset rendering-kode på alle platforme og giver ingen lagstyring. De fleste teams, der evaluerer begge dele, vælger still SVGA til gaver.
Vigtigste pointer
- SVGA 2.0 er det eneste udbredte format med ægte alpha, indlejret lyd og GPU-sammensatte lag – hvilket er præcis, hvad gaver har brug for.
- Lottie forbliver det rigtige værktøj til grænsefladebevægelse; behold begge i appen og vælg pr. aktiv.
- Størrelsesdisciplin betyder mere end valget af format: 20 fps, 384-720 px, under 2 MB pr. gave, under 3 MB pr. tema.
- Moderne værktøjer har fjernet SVGA's tidligere problemer – generering, konvertering med lyd og forhåndsvisning i browseren er nu enkeltklikshandlinger.
- Migrer i batches med start fra dine mest sendte gaver, og bevar en fallback til ældre klientversioner.
Hvis du er i tvivl, så kør et to-ugers pilotprojekt: konverter dine ti mest sendte gaver til SVGA, udrul dem bag et feature flag til én region, og sammenlign nedbrudsfrie sessioner, latenstid for afsendelse af gaver og fastholdelse i rummet i forhold til det gamle format. I alle pilotprojekter, vi har kørt, vandt SVGA-buildet på alle tre parametre på lav-end-enheder.
