Animated banners in a signature: what each email client displays

Animation draws the eye, and that is precisely what you want from a banner. But in an email it does not behave as it does on the web: depending on the recipient’s client, your GIF animates, or stays frozen on a single frame.

What each client displays

The special case is therefore Outlook for Windows in its historical versions, which displays the first frame without playing the rest. That client is still very present in company estates, which is enough to impose a design rule — the underlying shift is described in what changes with the new Outlook.

The rule that makes animation risk-free

It fits in one sentence: the essential message has to be on the first frame.

Animation then becomes an enrichment for those who see it, and its absence deprives nobody of the information. Concretely, the first frame has to contain, on its own, the headline, the identifying element and the call to action.

What not to do: build a sequence where the message reveals itself progressively — a word per frame, or a hook that only makes sense after three seconds. For a portion of your recipients, the banner will show only an incomprehensible fragment.

Worth knowing: the simplest test is to export the first frame alone and look at it. If it stands on its own, your animation is safe. If not, revisit the edit.

The weight constraint

An animated GIF weighs the sum of its frames. With a ceiling of 150 KB for a 600 px wide banner, you fit four to five frames in practice — no more.

Three levers help stay within budget. Reduce the number of frames by preferring hard cuts over fades, which multiply intermediate steps. Limit the colour palette, since GIF is capped at 256 shades anyway. And animate only part of the surface, keeping the background fixed: successive frames then store only the area that changes.

The overall weight budget of a signature is covered in email signature banners: formats and weight.

How many loops

Three options, with different effects.

A single play. The animation plays then stops on the last frame. It is the safest choice: attention is caught once, and the banner then stays stable. Take care that the last frame also carries the message, since that is what will remain displayed.

Two to three loops. A common compromise, which gives a second chance to a recipient who was looking elsewhere.

Infinite loop. To be avoided. A banner blinking permanently under every message in a conversation quickly becomes irritating, and gives an advertising tone that jars in a professional exchange.

What does not work at all

Video. Video tags are not supported by email clients. Common practice is a still image evoking a video — with a drawn play button — linked to the page where it is hosted.

CSS animations. They do not survive webmail HTML sanitising, nor the Outlook rendering engine. See HTML email signatures.

Animated SVG. Not displayed, and sometimes blocked for security reasons.

GIF therefore remains the only usable animation format, with its limits.

Should you animate?

The question deserves asking rather than settling on principle. Animation draws the eye, but it adds weight, complicates production, and imposes the first-frame constraint.

It is justified for a message that genuinely gains from sequence: a countdown before an event, a succession of three partner logos, a figure reveal. It is not justified for a message that fits in one sentence — that is, most of the campaigns described in 12 campaign ideas.

When in doubt, a well-designed static banner, with clear contrast and a clear call to action, generally does as well for a tenth of the effort. And you can compare: the per-campaign tracking described in measuring ROI lets you test an animated version against a static one over two comparable periods.