Animated banners: formats, restraint, and the retargeting workhorse
Animated banners run ads, store headers, and site heroes. The format choice (GIF, video, HTML5), the motion rules that respect the reader, and variant economics.
An animated banner is a display-shaped composition with motion: the retargeting ad following you across the web, the store's sale header, the site hero that breathes. Three formats serve the job, and picking by destination saves most of the pain: HTML5 for ad networks, video for site heroes, GIF for everywhere that takes only images, email above all.
Format by destination
- HTML5 (animated CSS/JS in a bundle) is the display-advertising standard: Google's networks want zipped HTML5 creatives within strict kilobyte budgets, and they animate crisply at tiny file sizes. The catch is production, hand-coding or dedicated banner tools.
- Video (muted MP4) wins on-site: theme heroes and Shopify banner slots play video natively, sharper and lighter than any GIF.
- GIF is the compatibility fallback: email, marketplaces, and any CMS slot that accepts only images. The format's rules apply at banner scale, palette, dithering, tight loops.
The motion rules banners keep breaking
Display advertising earned its reputation through strobing chaos, and the industry's own standards responded: animation limits around 15 to 30 seconds, no rapid flashing, rest states required. Design past compliance toward respect: one motion event, entrance, emphasis, settle, then a calm loop or a hold; the timing craft at postage-stamp size. A banner that moves constantly is scenery; one that moves once at the right moment is a message.
The real problem is the matrix, not the motion
Nobody makes one banner. A campaign needs the size matrix, leaderboard, rectangle, skyscraper, square, times every message variant, times every test; a modest retargeting push is forty artifacts sharing one design. This is the purest variant-economics case in this whole blog, the sale-campaign math at its most extreme, and exactly what composition-based generation is for: one design decision, the matrix derived, in your palette and type, re-derived when the offer changes. Banner packs sit in Motionpilot's B2B roadmap next to the email assets; the waitlist below sets priorities.