An animated GIF banner ad is made by designing one layout, adapting it to each IAB ad size, setting keyframe animations, then exporting a looping GIF per size. Display Format Builder does all four steps in your browser: add your artwork, build the set, preview every size side by side, and export exact-size GIFs, images or video. Nothing is uploaded, so the whole campaign set stays on your machine.
What you need before you make an animated GIF banner ad
Have your source material ready as separate files, because the builder treats several files at once as the parts of one result rather than a batch of separate jobs.
- Your logo, ideally as a transparent PNG or SVG.
- A background image or a flat brand color.
- Any headline, price or call-to-action text you want as its own layer.
- A rough idea of the animation: a slide-in, a fade, a pulse, a countdown.
You do not need a design file in a specific format, and there is no file-size cap on what you add. Keep in mind that a finished GIF banner usually needs to stay under 150 KB to load fast, so plan for a short loop rather than a long cinematic sequence.
Which IAB ad sizes actually matter
The Interactive Advertising Bureau publishes a standard list of ad creative sizes. Most campaigns run a subset of these rather than all of them. The table below covers the sizes worth building first, in the order most media buyers ask for them.
| Size (px) | Common name | Typical placement |
|---|---|---|
| 300x250 | Medium Rectangle | In-content, highest volume |
| 728x90 | Leaderboard | Desktop page top |
| 320x50 | Mobile Banner | Mobile sticky footer |
| 300x600 | Half Page | Desktop sidebar |
| 160x600 | Wide Skyscraper | Desktop sidebar |
| 970x250 | Billboard | Premium desktop header |
| 336x280 | Large Rectangle | In-content |
| 468x60 | Banner | Legacy placements |
Notice the aspect ratios are all different. A layout that reads well at 728x90 will look empty at 300x600. That is the real work in a campaign banner set: not exporting the files, but adapting the layout so each size still communicates.
How to make an animated GIF banner ad in Display Format Builder
- Open Display Format Builder. You will see a drop zone labelled 'Drag & drop or browse', with the line 'Processed locally — your files never leave your device' underneath.
- Add your file or files by dragging them onto the drop zone or browsing to them. Your logo, background and any text layers go in together, since these are the parts of one result.
- Choose the display sizes you want in the set. Pick from the IAB list or enter exact pixel dimensions if your media plan calls for a custom slot.
- Adapt the layout per size. Move, scale and hide elements so each size has a sensible composition — the headline might sit beside the logo on a leaderboard and above it on a half page.
- Animate the layout. Set the movement, timing and loop so the animation reads the same way across every size rather than only working at one aspect ratio.
- Preview the whole set together. This is the step that catches problems: a 320x50 that is unreadable, or a 300x600 where the logo drifts off frame.
- Export as GIF, image or video. Pick the format per size or for the whole set, then save the files to your machine.
A GIF is the right export when you need broad compatibility and small file size. Choose video when the animation is longer or uses gradients that would band badly in a GIF palette. Choose a static image for sizes where animation would be distracting or rejected by the placement.
Why local, in-browser processing beats upload-based banner tools
Most online banner ad makers want you to add your files to their server before they will render anything. That has three practical costs.
- Privacy. Your unreleased campaign creative is your client's confidential material. If it goes to someone else's server, you are trusting their retention policy. With local processing the file is opened from your own machine and the work happens in the page.
- Speed. There is no transfer time in either direction. A 40 MB layered background opens instantly instead of waiting on an upload bar, which matters when you are iterating on ten sizes.
- No file-size caps. Upload-based tools impose limits because storage and bandwidth cost them money. Local processing has no file-size caps, so you are not compressing your source art before you start.
There is also a workflow benefit: because the export happens on your device, you can run the same set repeatedly while tuning animation timing without re-adding anything.
Common mistakes when building animated banner ads
Animating before you adapt the layout. Get every size looking right as a still frame first. Animation hides bad composition during review and exposes it in the wild.
One animation for every aspect ratio. A horizontal slide that works at 728x90 will look wrong at 160x600. Set the motion per size, or pick a fade that is aspect-agnostic.
Text that is too small at the smallest size. If the call to action is not legible at 320x50, it is not a call to action. Simplify the mobile banner rather than shrinking the desktop one.
Long loops. A GIF that runs eight seconds is a GIF that is several hundred kilobytes. Two to three seconds, looping cleanly, is usually enough to draw the eye.
Forgetting the first frame. Many placements show a static frame before the animation starts, or if animation is blocked. Make sure frame one works as a standalone banner.
Pro tips for a campaign banner set
- Build the largest size first. It is easier to remove elements going down than to invent them going up.
- Keep the logo in the same relative corner across sizes so the campaign feels consistent in a page takeover.
- Export a static fallback for every size in the same run — you will need it eventually.
- Check the loop point. A visible jump at the restart reads as a broken ad.
- If you also need the design shown in context, drop the exported still into Mockup Generator to place it in a phone, browser or laptop frame for the client deck.
Where this fits in a wider asset workflow
A display campaign rarely lives alone. If the same creative also needs to run on social, Social Pack Exporter takes one design and exports it to every social size in a single pack, which saves rebuilding the layout for each platform. And if the campaign includes audio, Podcast Artwork Pack turns one square of cover art into every size Apple, Spotify and your host ask for — useful when a sponsored read ships alongside the banners.
The pattern across all three is the same: design once, adapt deliberately per destination, export exact sizes. The part that used to be tedious — producing fifteen correctly sized files from one layout — is the part that now happens in a single pass. What is left is the judgement: deciding what each size needs to say, and what to leave out when there is no room. That judgement is still the job, and no tool replaces it. What the tool removes is the mechanical re-exporting that used to eat an afternoon before you got to the thinking.
The free plan is metered at 5 runs a day without an account, or 15 with a free account, where a run is one export however many files it contains. If you are producing campaign sets regularly, see pricing for unlimited daily use.