Animation file sizes

Every animation comes in several formats, and each place plays one of them. Pick where your mascot lives, how many animations it has, their length and their size, and see what a visitor loads or how much your app grows.

Where does your mascot live?

WebsiteiPhone & iPadAndroidiPhone + Android

Animations

−+

Size 360 px

240360480720px

Average length 5 s

2 s5 s10 s15 s30 s

Chrome, Firefox, Edge4.8 MB

Safari8.8 MB

Weighing it.

FormatPer animationTotal for 10 animations

WebMChrome, Firefox, Edge0.48 MB4.8 MBusually 3.1 MB to 6.7 MB

HEVC .movSafari, iPhone, iPad, Mac0.88 MB8.8 MBusually 6.5 MB to 9.7 MB

Each visitor downloads one format, the one their browser plays, when the mascot first appears. The CDN and the browser cache it after that.

Which file each place uses#

Measured on 40 Masko animations of 5 seconds, and the stacked AV1 file on the 75 animations made on October 27, 2026, the day every animation started getting one: it is made at a lighter setting that keeps the look at mascot size, in a format that compresses better. Sizes include the sound. Size grows in line with the length, and busy motion is heavier. The opaque MP4 is about 2 MB for 5 seconds at full size; use it only where you do not need transparency.

Bundle or load from the CDN#

• On a website, files load when the mascot appears. Each visitor downloads one format, the one their browser plays, and the browser caches it.
• In an app, you choose. Bundle the files and your app grows by the total above, but the mascot works offline from the first launch. Or load them from Masko's CDN on first use: the app stays small, and each animation downloads once, then plays from the cache.
• In both apps, the Masko player plays the same stacked AV1 file. Without it, each app carries its own format: HEVC on iPhone and iPad, the stacked MP4 on Android.

Talking animations#

A talking animation weighs about the same per second as any other, with its sound included. A 30-second talk at 720 px is about 6 MB in WebM, 15 MB in HEVC and 1.4 MB in stacked AV1 with the Masko player. Load long talks only when the visitor presses play.

Make your files lighter#

• Use the Masko player in apps. It asks for the stacked AV1 file (formats=av1): about a tenth of HEVC or the stacked MP4 at 720 px, and a third to a sixth at 360 px. See play a canvas.
• Use a size variant. At 360 px a clip is about half its full-size WebM and 40 percent of its full-size HEVC. For a mascot shown at 240 px or smaller, turn on size variants once; they are free.
• Load one format. Pick WebM or HEVC from the browser, as in hosting and file formats.
• Load talks on demand. Give long talking clips preload="none" and a poster image, and start them on a tap.
• Check real sizes. Every asset has file_size in bytes, and a finished job gives file_sizes next to its links, see get job detail. GET /v1/mascots/:id gives each hosted file's size too, see check CDN status.