Talk:Lottie (file format)

Sample

I'd like a simple source-code sample, perhaps compared with an equivalent in SVG. --Error (talk) 21:32, 11 January 2022 (UTC)[reply]

I've added a simple example, just a circle to keep the JSON small --MBazzy (talk) 15:35, 17 February 2022 (UTC)[reply]

Caveat: I'm not an expert, so I'm likely to be misunderstanding something, but - would it be possible for the example to include some level of animation? It feels like that is the USP of this format and so that should be part of the example Da5nsy (talk) 19:46, 9 July 2023 (UTC)[reply]

Proposed merge of Draft:Lottie (file format) into Lottie (file format)

Draft has more information than article, and should be combined with it. Robert McClenon (talk) 05:41, 12 January 2022 (UTC)[reply]

What kind of info would be useful in this article?

I know this format pretty well, so I know where to find technical info and references. I'm not sure what kind of information would be useful in a wikipedia article, anyone has any suggestions? MBazzy (talk) 08:37, 20 February 2022 (UTC)[reply]

Browser support

Could someone who knows about these things add a note about browser support please?

This is what I've got:

> "Lottie Animations are compatible with all modern browsers. Chrome, Firefox, Opera, Safari, or Edge." https://www.wysiwygwebbuilder.com/support/wb17tryouts/wb17_lottie.html

But I don't know if that's a reputable source, and presumably there is nuance hidden under "all modern browsers".

Da5nsy (talk) 19:52, 9 July 2023 (UTC)[reply]

Telegram Animated Stickers

Telegram stores animated stickers as gzip-compressed, Lottie JSON serialized files with the ".tgs" extension. source

Animated Stickers and Emoji

Telegram stickers and emoji can move with smooth 60 FPS animations to bring your characters to life in high resolution. Animations require Telegram's unique .TGS format

Creating Animations

To create vector-animated stickers and emoji you will need the following:

Any vector graphics editor that allows exporting vector objects to Adobe After Effects to turn them into animations.
Adobe After Effects.
The Bodymovin-TG plugin, a fork of Bodymovin for Adobe After Effects that can be used to export animations to Telegram's .TGS format.

The Lottie-based .TGS format allows for incredibly detailed animations that are less than 30 KB in size – six times smaller than the average photo.

Animation Requirements

The canvas size must be 512х512 pixels.
Objects must not leave the canvas.
Animation length must not exceed 3 seconds.
All animations must be looped.
Final file size must not exceed 64 KB after rendering in Bodymovin.
All animations must run at 60 Frames Per Second.
You must not use the following Adobe After Effects functionality when animating your artwork: Auto-bezier keys, Expressions, Masks, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers.

Parsa poorsh (talk) 02:05, 11 March 2025 (UTC)[reply]