Animated banners: length, loops and the final frame

Animation lets a banner tell its message in steps instead of all at once, and it comes with its own set of platform limits. This guide covers how long a banner may move, how loops count toward that, what the final frame has to do, and when to deliver HTML5, GIF or MP4.

How long a banner may animate

Display platforms limit animation by total running time, loops included. The limits differ, and when one banner goes to several buyers, the strictest limit applies.

Google’s policy page is blunt about it: “The animation can only loop within 30 seconds; more than that will lead to disapproval.”^[3]

The “three loops” rule you may have heard of does not come from the IAB, whose guidelines set no loop count.^[1] It appears in publisher specs. Apple News, for example, says animated GIF banners “can loop only three times, and the total animation can’t exceed 15 seconds.”^[6] Check the publisher’s own sheet when a campaign runs on a direct deal.

Social platforms work differently. They take video, and allow far longer files than a banner needs. LinkedIn recommends videos of 15 to 30 seconds, and Pinterest recommends 6 to 15 seconds for video ads.^[7][8]

Loops and cycle length

The arithmetic is simple: the total running time is the length of one cycle times the number of loops. To play three times within the IAB’s 15 seconds, one cycle can last at most 5 seconds.

Sizewright works inside the same arithmetic. A cycle lasts between 0.5 and 30 seconds and plays one to three times, always within the format’s limit: 15 seconds for display banners and 30 seconds for other channels. The calm and confident motion styles use 5-second cycles, and the energetic style 4.5 seconds, so three loops fit within 15 seconds.

The IAB also recommends that animation start “when the ad is within view”, and caps processor load at 30% per active ad.^[1] Both argue for short, simple motion over long, busy sequences.

The final frame

When the last loop ends, the banner stops on its final frame, and that frame stays on screen for as long as the page is open. Treat it as a static banner in its own right.

• Make it complete. Logo, headline, offer and button are all visible. Nothing is halfway through a transition.
• Hold it. In Sizewright, the final frame holds for at least 3 seconds, so the reader has time to take it in.
• Design it first. Lay out the final frame, then plan how each element arrives in it. A banner designed the other way round can end on a frame nobody planned.

300 × 250

Entrances in reading order

Elements should arrive in the order they are read. The logo and headline come first, then the subline or offer, and the button last. Each entrance gets its own moment, with a short delay between them, so the eye has one thing to follow at a time.

Sizewright animates entrances in reading order, using eight entrance presets, and can add an optional pulse to the button. The motion style in the brief sets the character: static, calm, confident or energetic.

Some motion gets ads rejected outright. Google does not allow “strobing, flashing, or otherwise distracting images”.^[9] Adform asks advertisers not to use ads that “shake or have high-frequency flicker rates (between 5–30 transitions per second)”.^[10] Calm motion is the safer default, and it is easier to read.

HTML5, GIF or MP4

The format follows the channel.

HTML5 is the first choice for display wherever the platform accepts it. A GIF is the fallback where it does not. On Google Ads and Adform, the frame-rate limit turns a GIF into a few frames rather than smooth motion, so plan it as a handful of deliberate frames. For social platforms, deliver MP4: Meta, LinkedIn, TikTok and Pinterest all accept it.^{[11][7][12][8]}

In Sizewright, HTML5 animation is written as CSS keyframes, with no JavaScript animation. A GIF is built from captured frames and reduced in frames and colors until it fits its limit, and MP4 is encoded as H.264. The video exports are checked against these lengths: 1 to 60 seconds for Meta, 3 to 30 for LinkedIn, 5 to 60 for TikTok and 4 to 60 for Pinterest.

File weight

Animation adds weight, and display limits are tight. Google Ads allows 600 KB for an HTML5 ZIP and 150 KB for a GIF.^[2] Adform allows 300 KB on desktop and 200 KB on mobile, measured unzipped.^[5][13] The IAB sets an initial-load weight per size, gzipped: 150 KB for a 300×250, 250 KB for a 970×250 and 50 KB for a 320×50.^[14] It recommends making animation “part of subload”, so the banner appears first and moves after.^[1]

Weight comes off in three places: fonts subset to the characters the banner uses, images re-encoded and stepped down until the file fits, and fewer frames in a GIF. Sizewright’s exports do all three and then validate length, loops and frame rate against the export profile.

See animated HTML5 banners for how animation works in the product, and the ad spec pages, such as Google Ads and Adform, for each platform’s current limits.