1. Erstellung eines transparenten UI-Stickers
UI/UX DesignerHintergrund
Ein Designer hat eine Micro-Animation für eine App als WebM-Video mit transparentem Hintergrund exportiert und benötigt diese nun als universell kompatible Web-Animation.
Aufgabe
Das GIF-Format unterstützt keine sauberen transparenten Verläufe und sieht an den Rändern pixelig aus.
Verwendung
Das WebM-Video hochladen, die Startzeit auf 0 setzen, die Dauer auf 3 Sekunden begrenzen und die Option 'Dateigröße optimieren' aktivieren.
videoFile: 'ui_animation.webm', fps: 25, startTime: 0, duration: 3, optimize: trueErgebnis
Eine gestochen scharfe APNG-Datei mit perfekter Transparenz, die direkt im Webbrowser ohne Qualitätsverlust abgespielt wird.