SVGA
Die Wahl des Animationsformats für Geschenke, Eintrittseffekte und Raum-Themes ist eine Entscheidung, mit der man jahrelang lebt. Sie prägt Ihre Client-SDKs, Ihre Designer-Pipeline, Ihre CDN-Rechnung und das Nutzungserlebnis Ihrer App auf einem 120-Dollar-Android-Smartphone. Hier ist ein technischer Vergleich der Formate, die Live-Streaming- und Voice-Chat-Party-Apps tatsächlich verwenden – mit Zahlen aus echten Katalogen.
Schnellvergleich
| Format | Transparenz | Audio | Typisches 5-s-Geschenk | Rendering | Ideal für |
|---|---|---|---|---|---|
| SVGA 2.0 | Ja (voller Alpha-Kanal) | Ja, eingebettet | 0.5-2 MB | Native Ebenen auf GPU | Geschenke, Eintrittseffekte, Themes |
| Lottie (JSON) | Ja (Vektor) | Nein | 0.1-1 MB Vektor; 5-20 MB mit Bildern | Vektorgrafik pro Frame rasterisiert | UI-Animationen, Icons, einfache Maskottchen |
| Animated WebP | Ja | Nein | 1-4 MB | Bild-Decodierung | Chat-Sticker, kleine Schleifen |
| GIF | Nur 1-Bit | Nein | 3-12 MB | Bild-Decodierung | Veraltete Sticker |
| MP4 / H.264 | Nein | Ja | 0.5-3 MB | Hardware-Videodecoder | Vollbild-Takeovers ohne Overlay |
| PNG sequence | Ja | Nein | 10-40 MB | Bild-Decodierung | Nichts – bitte konvertieren |
SVGA: Was es ist und warum es sich durchgesetzt hat
SVGA (Simple Vector Graphics Animation) ist ein offenes Format von YY/Joyy. Eine Datei enthält die Bilder der Animation, eine Transformations-Timeline pro Frame für jede Ebene und seit SVGA 2.0 eine eingebettete MP3-Tonspur – alles zlib-komprimiert und Protobuf-codiert. Es wird über den Open-Source-SVGAPlayer auf Android, iOS, Flutter, React Native und im Web gerendert. Drei Eigenschaften haben es zum Branchenstandard gemacht: echtes Alpha, damit Geschenke über dem Video des Streamers schweben, Audio innerhalb der Datei, sodass der Client nur einen Download benötigt, und GPU-komponierte Ebenen, die keinen Videodecoder erfordern – weshalb ein SVGA mit 20 fps flüssig läuft, während ein MP4-Overlay mit 30 fps auf einem Smartphone mit 2 GB RAM ruckelt.
Lottie: Genial für die Benutzeroberfläche, falsch für Premium-Geschenke
Lottie (Bodymovin JSON) ist unschlagbar für Vektor-Interface-Animationen: winzige Dateien, gestochen scharf in jeder Auflösung, leicht anzupassen (Theming) und jedes Mobile-Team nutzt bereits lottie-android und lottie-ios. Aber Premium-Geschenke sind keine Vektorkunst. Sie sind fotorealistische 3D-Renders mit Partikeln, Glühen, Bokeh und Linsenreflexen. Als Lottie exportiert werden sie zu riesigen JSON-Dateien mit Bildebenen ohne Audio, und das Rasterisieren komplexer Vektorszenen in jedem Frame ist auf Low-End-CPUs extrem rechenintensiv. Das Muster, auf das sich die meisten Plattformen einigen: Lottie für App-UI und Badges, SVGA für Geschenke und Themes. (Das Motion-Graphics-Tool von SVGA Maker exportiert beides, sodass Sie pro Asset wählen können.)
WebP und GIF: Sticker, keine Effekte
Animiertes WebP ist kompakt und unterstützt Alpha, weshalb es sich gut für Chat-Sticker und kleine Looping-Emotes eignet. Es bietet jedoch kein Audio, keine Ebenensteuerung und wird auf der CPU decodiert, weshalb sich bildschirmfüllende 5-Sekunden-Effekte in 3-4 MB große Dateien verwandeln, die Frames verlieren. GIF ist in jeder Hinsicht schlechter: 256 Farben, 1-Bit-Transparenz mit treppigen Kanten und 3-12 MB pro Geschenk. Liefern Sie im Jahr 2026 niemals GIF-Geschenke aus.
MP4: Großartiger Codec, aber es fehlt die eine entscheidende Funktion
H.264/H.265-Video ist klein und wird per Hardware decodiert – aber es kann keinen Alpha-Kanal enthalten. Einige Apps faken Transparenz mit einem Green-Screen-Shader oder einem Side-by-Side-Alpha-Video (im VAP-Stil). Das funktioniert zwar, aber die Ränder flimmern, jedes Gerät decodiert leicht unterschiedlich und Sie müssen nun eigenen Rendering-Code warten. MP4 ist nur für Vollbild-Takeovers die richtige Wahl, die den Stream nicht überlagern.
PNG-Sequenzen: Das Format, von dem Sie wegkonvertieren sollten
Designer liefern nach wie vor PNG-Sequenzen aus After Effects. Sie sind verlustfrei und transparent – aber auch 10-40 MB pro Geschenk groß. Konvertieren Sie diese (oder die MP4-Vorschau) in SVGA, bevor etwas den Client erreicht.
Performance auf den Smartphones Ihrer Nutzer
Party-Apps wachsen am schnellsten in Märkten mit vielen Geräten mit 2-3 GB RAM. Der Vorteil von SVGA ist dort struktureller Natur: vorgerenderte Ebenen, GPU-Compositing, kein Aufwärmen des Decoders und kleine Dateien. Halten Sie die Framerate bei 20 fps für Geschenke und 12-15 fps für Themes, halten Sie die Breite bei 384-720 px und lassen Sie die Dateien unter 2 MB. Laden Sie die zehn am häufigsten gesendeten Geschenke beim Betreten des Raums vor; alles andere kann beim ersten Senden geladen werden.
Tooling-Realität im Jahr 2026
Die historische Schwäche von SVGA war das Tooling – ein After-Effects-Plugin, PNG-Exporte, manuelle Konvertierung, keine Vorschau. Das ist gelöst. SVGA Maker generiert Geschenke aus einer Textidee, konvertiert jedes Video mit Ton in SVGA, erstellt lautlose Raum-Themes und bietet im Browser eine Vorschau jedes Formats (SVGA, Lottie, WebP, GIF, MP4) mit Audio. Teams bei AppLooma LLC verwalten ganze Plattformkataloge damit.
Empfehlung
- Geschenke, Eintrittseffekte, Raum-Themes → SVGA 2.0.
- App-UI, Badges, Loader → Lottie.
- Chat-Sticker → animiertes WebP.
- Vollbild-Takeovers ohne Overlay → MP4.
- GIF- und PNG-Sequenzen → niemals in der Produktion.
Bereit, den Katalog aufzubauen? Starten Sie mit der Anleitung wie man SVGA-Geschenke für Voice-Room-Party-Apps erstellt.
Migrationshinweise beim Wechsel zu SVGA
Fügen Sie SVGAPlayer zu den Clients hinzu (einige Stunden pro Plattform), behalten Sie einen Fallback-Pfad für ältere App-Versionen bei, die noch Ihr vorheriges Format erwarten, und konvertieren Sie den bestehenden Katalog in Batches – der Video-zu-SVGA-Konverter verarbeitet MP4- und WebM-Exporte mit Ton, und PNG-Sequenzen können zuerst als MP4 gerendert werden. Liefern Sie zuerst die 20 am häufigsten gesendeten Geschenke aus, messen Sie die Flüssigkeit der Wiedergabe auf Ihrer Gerätematrix und migrieren Sie dann den Rest (Long Tail).
Häufig gestellte Fragen (FAQ)
Unterstützt SVGA 60 fps? Ja, aber Geschenke benötigen selten mehr als 20-25 fps; höhere Raten blähen meist nur die Dateigröße auf.
Kann eine SVGA-Datei auch im Web abgespielt werden? Ja – SVGAPlayer-Web rendert in einem HTML5 Canvas mit Audio; dieselbe Datei bedient Android, iOS und Web.
Wie zeige ich ein Geschenk-Thumbnail im Store an? Exportieren Sie einen statischen Frame als WebP oder PNG (das kostenlose Thumbnail-Tool erledigt das) – laden Sie niemals die gesamte Animation, nur um ein Raster anzuzeigen.
Wird SVGA noch gepflegt? Das Format ist stabil und die Player sind Open Source mit aktiven Forks. Tausende von Apps nutzen es täglich, und SVGA Maker erzeugt Standard-SVGA-2.0-Dateien, die keinen benutzerdefinierten Player benötigen.
Was ist mit VAP oder Alpha-Videoformaten? Sie lösen das Transparenzproblem für MP4, erfordern jedoch benutzerdefinierten Rendering-Code auf jeder Plattform und bieten keine Ebenensteuerung. Die meisten Teams, die beides evaluieren, entscheiden sich nach wie vor für SVGA bei Geschenken.
Wichtigste Erkenntnisse
- SVGA 2.0 ist das einzige gängige Format mit echtem Alpha, eingebettetem Audio und GPU-komponierten Ebenen – genau das, was Geschenke benötigen.
- Lottie bleibt das richtige Werkzeug für Interface-Animationen; behalten Sie beides in der App und wählen Sie je nach Asset.
- Größendisziplin ist wichtiger als die Formatwahl: 20 fps, 384-720 px, unter 2 MB pro Geschenk, unter 3 MB pro Theme.
- Modernes Tooling hat die früheren Hürden von SVGA beseitigt – Erstellung, Konvertierung mit Ton und Browser-Vorschau sind jetzt Ein-Klick-Aktionen.
- Migrieren Sie schrittweise (in Batches), beginnend mit den am häufigsten gesendeten Geschenken, und behalten Sie einen Fallback für ältere Client-Versionen bei.
Wenn Sie sich unsicher sind, führen Sie einen zweiwöchigen Pilotversuch durch: Konvertieren Sie Ihre zehn am häufigsten gesendeten Geschenke in SVGA, rollen Sie diese hinter einem Feature-Flag in einer Region aus und vergleichen Sie absturzfreie Sitzungen, Latenz beim Senden von Geschenken und Raum-Retention mit dem alten Format. In jedem von uns durchgeführten Pilotversuch hat die SVGA-Version auf Low-End-Geräten in allen drei Metriken gewonnen.
