Prohlížeč Lottie
Bezplatný online přehrávač Lottie. Otevřete libovolnou Lottie JSON animaci, přehrávejte, posouvejte po snímcích, měňte rychlost, přepínejte smyčku a náhled na průhledné šachovnici — vše v prohlížeči.
Co je soubor Lottie?
Soubor Lottie je export JSON vektorové animace, obvykle vytvořený v After Effects pluginem Bodymovin nebo v nástrojích jako LottieFiles. Aplikace a weby jej přehrávají lehkým rendererem místo videa: soubor je miniaturní a kvalita dokonalá v jakémkoli měřítku.
Jak zde zobrazit náhled Lottie animace?
Klikněte na oblast nahrávání nebo na ni přetáhněte svůj .json soubor. Animace se okamžitě načte a spustí. Tlačítkem s ukázkou vyzkoušíte přehrávač na vestavěné ukázce.
Nahraje se moje animace na server?
Ne. Soubor se čte a vykresluje zcela v záložce prohlížeče. Nic se nikam neposílá, takže je to bezpečné i pro nezveřejněnou práci pro klienty a důvěrné podklady.
Jaká ovládání přehrávání jsou k dispozici?
Přehrání a pauza, tlačítko restartu, přepínač smyčky, tažitelný posuvník snímků a volba rychlosti od 0,25x do 2x. Zobrazení ukazuje aktuální snímek, jejich celkový počet a snímkovací frekvenci animace.
Proč je pozadí šachovnicové?
Šachovnice simuluje průhlednost, stejně jako v grafických nástrojích. Ověříte si, že animace nemá nechtěné pozadí; přepnutím na bílou nebo černou zkontrolujete hrany, záře a stíny na světlých či tmavých plochách.
Které verze Lottie jsou podporovány?
Přehrávač používá renderer lottie-web, kompatibilní s JSON Bodymovin od verze 4: vrstvy tvarů, masky, mattes, trim paths a většinu výrazů zapékaných při exportu.
Funguje to na mobilu?
Ano. Rozvržení je responzivní a vykreslování probíhá stejným SVG enginem, takže funguje v prohlížečích iOS i Android. Ovládací prvky mají velikost pro dotyk.
Jaký je rozdíl mezi .json a .lottie?
Formát .lottie (dotLottie) je komprimovaný zip, který může obsahovat JSON spolu s prostředky. Tento prohlížeč otevírá přímo standardní export Lottie .json; u souborů dotLottie nejprve rozbalte vnitřní .json.
Proč se moje animace přehrává pomalu nebo vypadá špatně?
Animace s mnoha vrstvami, obrázky nebo výrazy jsou na vykreslování náročné. Zkontrolujte, zda obrázky nebyly exportovány odděleně, zjednodušte kompozici nebo snižte rychlost — údaj FPS ukazuje zamýšlenou frekvenci animace.
Jak používat Prohlížeč Lottie
Tento prohlížeč Lottie přehrává animace Bodymovin JSON zcela ve vašem prohlížeči pomocí rendereru lottie-web. Načtěte soubor nebo ho přetáhněte dovnitř, ovládejte přehrávání po snímcích a náhled se dívejte na průhledném, bílém nebo černém pozadí — nic se nikam nenahrává.
- Klikněte do oblasti nahrání nebo na ni přetáhněte soubor .json Lottie; animace se načte a hned začne přehrávat.
- Přehrávání ovládejte velkým tlačítkem přehrát/pozastavit a tlačítkem restartu.
- Tažením posuvníku snímků se přesunete na libovolný snímek; údaj ukazuje aktuální snímek, celkový počet a FPS.
- Zvolte rychlost mezi 0,25x a 2x a zapněte tlačítko smyčky pro neustálé opakování.
- Přepínejte pozadí mezi průhlednou šachovnicí, bílou a černou, abyste zkontrolovali okraje, záře a stíny.
Nejprve stiskněte tlačítko s ukázkou a podívejte se, jak se přehrávač chová, než načtete vlastní animaci — hodí se, když vám klient pošle JSON a potřebujete rychlou kontrolu.
Související nástroje
- Prohlížeč a Editor SVG Prohlížejte, upravujte a optimalizujte SVG soubory online. Živý náhled, úprava kódu a optimalizační nástroje.
- Prohlížeč stromu JSON Vizualizujte data JSON jako interaktivní sbalitelný strom. Hledejte klíče a hodnoty, sledujte JSONPath při najetí myší a zpracovávejte velké soubory s líným načítáním. Podporuje přetažení .json souborů.
- Generátor Sprite Sheetů Spojte obrázky do sprite sheetů s přetažením pro změnu pořadí, rozvržením mřížky, odsazením, režimy škálování. Exportujte PNG/WebP/JPG s JSON atlas daty pro herní enginy a CSS.
- Obrázek do Base64 Převeďte obrázky na Base64 řetězce a dekódujte Base64 zpět na obrázky. Podporuje PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% v prohlížeči, bez nahrávání.
- GIF Rozdělit Snímky Extrahujte a stahujte jednotlivé snímky z GIF animací jako PNG nebo sprite sheet. Bezplatný online nástroj s náhledem a exportem ZIP.
- GIF Obrácený Obrátit pořadí přehrávání GIF animací online zdarma. Nahrajte, prohlédněte a stáhněte okamžitě.
- Změna Rychlosti GIF Změňte rychlost GIF animace online. Okamžitě zrychlete nebo zpomalte GIF soubory.
- Video do GIF Převeďte video na animovaný GIF online. Upravte kvalitu, snímkovou frekvenci a rozlišení přímo v prohlížeči bez nahrávání souborů.