A practical guide to animated image and video formats

Choosing a format is a trade-off. File size matters, but so do playback support, transparency, sound, image quality, and where you plan to use the result. The best choice depends on the file and the destination.

Start with how you will use the file

• A page that needs an image element or transparency: an animated image format may fit. Check that the destination supports it and that alpha transparency survives conversion.
• A page where video playback is acceptable: MP4 can be a practical option for short clips. It does not carry image transparency, and audio behavior depends on the source and export settings.
• An upload to another service: check that service’s current accepted formats and size limit before converting. If it accepts the original, keeping it may be the simplest choice.

These are starting points, not guarantees. Services and browsers can change their format support, and the same source can produce very different results with different settings.

What the common formats offer

GIF

GIF is widely recognized and can animate, but its color palette is limited. It is still useful when a destination specifically requires GIF. Converting an existing GIF may not reduce its size or improve its appearance.

WebP

WebP supports animation and transparency in browsers and tools that implement those features. It can be a useful candidate for animated images, but check playback in the place where you will publish it. An encoder’s settings and source content affect both quality and size.

MP4

MP4 is a video container commonly used for short clips on the web. A video element may offer a smaller file than an animated image for some content, but an MP4 export will not preserve transparent pixels. If the output is intended to be silent, verify that audio is removed; if sound matters, verify that it is retained.

AVIF

AVIF can represent still images and image sequences, but animated AVIF support varies across encoders, browsers, and publishing services. Animated output and its handling of transparency need direct testing. This tool supports animated AVIF output using libavif and libaom in a separate browser Worker. It preserves alpha transparency, produces silent animations, and normalizes motion to the selected frame rate with infinite looping. Check the output in your target browser or service.

Compare the actual output

No format promises a smaller result for every input. Flat-color animation, screen recordings, photographic clips, and already-compressed files behave differently. A conversion can also change visual quality, playback timing, transparency, or sound.

When you compare results, check:

1. The output plays in the intended destination.
2. Motion timing and looping still look right.
3. Fine detail, gradients, and transparent edges remain acceptable.
4. Sound is present or absent as you intended.
5. The measured file size and conversion time work for your use.

Use a representative section for a long video, then inspect the full export before publishing. A short test can guide a choice, but it cannot promise the final file size.

Current status of this tool

The current tool accepts GIF and MP4 files and can convert the full file to WebP, animated AVIF, or MP4. The supported limits are 25 MiB per file, 30 seconds, 2,073,600 pixels, and 900 frames. All outputs are experimental, so inspect the result before using it. AVIF adds a conservative 128 MiB decoded-frame budget, so larger jobs may need a lower output width or frame rate. Keep the source if you need to compare or try another setting.