SVGA
Å velge animasjonsformat for gaver, entréeffekter og romtemaer er en beslutning du må leve med i flere år. Den former klient-SDK-ene dine, designerarbeidsflyten, CDN-regningen og hvordan appen oppleves på en Android-telefon til 120 dollar. Her er en teknisk sammenligning av formatene live-streaming- og stemmechat-apper faktisk bruker, med tall fra virkelige kataloger.
Rask sammenligning
| Format | Gjennomsiktighet | Lyd | Typisk 5 s gave | Rendering | Best for |
|---|---|---|---|---|---|
| SVGA 2.0 | Ja (full alfa) | Ja, innbakt | 0.5-2 MB | Native lag på GPU | Gaver, entréeffekter, temaer |
| Lottie (JSON) | Ja (vektor) | Nei | 0.1-1 MB vektor; 5-20 MB med bilder | Vektor rasterisert per bilde | UI-bevegelse, ikoner, enkle maskoter |
| Animert WebP | Ja | Nei | 1-4 MB | Bildeavkoding | Chat-klistremerker, små løkker |
| GIF | Kun 1-bit | Nei | 3-12 MB | Bildeavkoding | Eldre klistremerker |
| MP4 / H.264 | Nei | Ja | 0.5-3 MB | Maskinvare-videodekoder | Fullskjermsovertakelser uten overlegg |
| PNG-sekvens | Ja | Nei | 10-40 MB | Bildeavkoding | Ingenting – konverter den |
SVGA: hva det er og hvorfor det vant
SVGA (Simple Vector Graphics Animation) er et åpent format fra YY/Joyy. En fil inneholder animasjonens bilder, en transformeringstidslinje per bilde for hvert lag, og siden SVGA 2.0 et innbakt MP3-spor, alt zlib-komprimert og protobuf-kodet. Det rendres gjennom open source-spilleren SVGAPlayer på Android, iOS, Flutter, React Native og web. Tre egenskaper gjorde det til bransjestandard: ekte alfa slik at gaver flyter over strømmerens video, lyd i filen slik at klienten bare trenger én nedlasting, og GPU-komponerte lag som ikke krever videodekoder – det er derfor en SVGA med 20 fps spilles av jevnt der et MP4-overlegg med 30 fps hakker på en telefon med 2 GB RAM.
Lottie: genialt for brukergrensesnitt, feil for premium-gaver
Lottie (Bodymovin JSON) er uslåelig for vektorbevegelser i grensesnitt: mikroskopiske filer, skarpe uansett oppløsning, enkle å tematisere, og alle mobilteam leverer allerede lottie-android og lottie-ios. Men premium-gaver er ikke vektorkunst. De er fotorealistiske 3D-rendringer med partikler, glød, bokeh og linsereflekser. Eksportert som Lottie blir de gigantiske bildelag-JSON-filer uten lyd, og rasterisering av komplekse vektorscener per bilde er krevende for billige CPU-er. Mønsteret de fleste plattformer lander på: Lottie for app-grensesnitt og merker, SVGA for gaver og temaer. (SVGA Makers Motion Graphics-verktøy eksporterer begge deler, slik at du kan velge per element.)
WebP og GIF: klistremerker, ikke effekter
Animert WebP er kompakt og støtter alfa, så det fungerer fint for chat-klistremerker og små roterende emojier. Det har ingen lyd, ingen lagkontroll og dekodes på CPU-en, så 5-sekunders effekter i fullskjerm blir til filer på 3–4 MB som hopper over bilder. GIF er verre på alle områder: 256 farger, 1-bits gjennomsiktighet med hakkete kanter, og 3–12 MB per gave. Send aldri GIF-gaver i produksjon i 2026.
MP4: flott kodek, mangler den ene funksjonen du trenger
H.264/H.265-video er lite og avkodes i maskinvare – men det kan ikke inneholde en alfa-kanal. Enkelte apper simulerer gjennomsiktighet med en green-screen-skyggelegger (shader) eller en side-ved-side alfa-video (VAP-stil). Det fungerer, men kantene flimrer, hver enhet dekoder litt forskjellig, og du ender opp med å vedlikeholde tilpasset rendringskode. MP4 er det rette valget kun for fullskjermsovertakelser som ikke legges oppå strømmen.
PNG-sekvenser: formatet du konverterer bort fra
Designere leverer fremdeles PNG-sekvenser fra After Effects. De er tapsfrie og transparente – og 10–40 MB per gave. Konverter dem (eller MP4-forhåndsvisningen) til SVGA før noe som helst når klienten.
Ytelse på telefonene brukerne dine har
Party-apper vokser raskest i markeder fulle av enheter med 2–3 GB RAM. SVGAs fordel der er strukturell: forhåndsrendrede lag, GPU-komponering, ingen oppvarmingstid for dekoder, og små filer. Hold bildefrekvensen på 20 fps for gaver og 12–15 fps for temaer, hold bredden på 384–720 px, og hold filene under 2 MB. Forhåndslast de ti mest sendte gavene når brukeren går inn i rommet; alt annet kan lastes ved første sending.
Verktøysituasjonen i 2026
SVGAs historiske svakhet var verktøyene – en After Effects-plugginn, PNG-eksport, manuell konvertering, ingen forhåndsvisning. Det er løst nå. SVGA Maker genererer gaver fra en tekstidé, konverterer enhver video til SVGA med lyd, bygger lydløse romtemaer, og forhåndsviser hvert format (SVGA, Lottie, WebP, GIF, MP4) i nettleseren med lyd. Team hos AppLooma LLC kjører hele plattformkataloger gjennom det.
Anbefaling
- Gaver, entréeffekter, romtemaer → SVGA 2.0.
- App-UI, merker, lasteindikatorer → Lottie.
- Chat-klistremerker → animert WebP.
- Fullskjermsovertakelser uten overlegg → MP4.
- GIF- og PNG-sekvenser → aldri i produksjon.
Klar til å bygge katalogen? Start med hvordan lage SVGA-gaver for stemmerom-party-apper.
Migreringsnotater hvis du bytter til SVGA
Legg til SVGAPlayer i klientene (et par timer per plattform), behold en reservevei (fallback) for eldre appversjoner som fremdeles forventer det forrige formatet ditt, og konverter den eksisterende katalogen i puljer – video-til-SVGA-konverteren håndterer MP4- og WebM-eksport med lyd, og PNG-sekvenser kan rendres til MP4 først. Rull ut de 20 mest sendte gavene først, mål avspillingsflyten på matrisen din av test-enheter, og migrer deretter resten.
Ofte stilte spørsmål
Støtter SVGA 60 fps? Ja, men gaver trenger sjelden mer enn 20–25 fps; høyere bildefrekvenser øker for det meste bare filstørrelsen.
Kan én SVGA-fil spilles på web også? Ja – SVGAPlayer-Web rendrer i et canvas med lyd; den samme filen fungerer for Android, iOS og web.
Hvordan viser jeg et miniatyrbilde for en gave i butikken? Eksporter et statisk bilde som WebP eller PNG (det gratis Thumbnail-verktøyet gjør dette) – last aldri hele animasjonen bare for å tegne opp et rutenett.
Vedlikeholdes SVGA fremdeles? Formatet er stabilt og avspillerne er open source med aktive videreutviklinger; tusenvis av apper bruker det daglig, og SVGA Maker produserer standard SVGA 2.0-filer som ikke krever noen spesialtilpasset avspiller.
Hva med VAP eller alfa-videoformater? De løser gjennomsiktighet for MP4, men krever tilpasset rendringskode på hver plattform og gir ingen lagkontroll. De fleste teamene som evaluerer begge deler, velger likevel SVGA for gaver.
Hovedpunkter
- SVGA 2.0 er det eneste etablerte formatet med ekte alfa, innbakt lyd og GPU-komponerte lag – noe som er nøyaktig hva gaver trenger.
- Lottie er fortsatt det rette verktøyet for bevegelse i grensesnittet; behold begge i appen og velg per fil/element.
- Disiplin rundt størrelse betyr mer enn valg av format: 20 fps, 384–720 px, under 2 MB per gave, under 3 MB per tema.
- Moderne verktøy har fjernet SVGAs tidligere utfordringer – generering, konvertering med lyd og forhåndsvisning i nettleseren er nå enkeltklikk-operasjoner.
- Migrer i puljer, start med de mest sendte gavene, og behold en reservevei (fallback) for eldre klientversjoner.
Hvis du er usikker, kan du kjøre en to ukers pilot: konverter de ti mest sendte gavene dine til SVGA, rull dem ut bak et funksjonsflagg til én region, og sammenlign krasjfrie økter, forsinkelse ved gavesending og romretensjon mot det gamle formatet. I alle pilotprosjekter vi har kjørt, vant SVGA-versjonen på alle tre målingene på rimelige enheter.
