Email Banners

How to Add an Animated GIF to Your Email Signature

Adding a GIF to your signature is the same as adding any image — the differences are where the setting lives, and whether the recipient's client plays the animation. Here is each platform, plus a troubleshooting checklist.

The Bannerly TeamProduct & editorial, BannerlyUpdated 3 min readHow we research

We build Bannerly's banner editor. Every guide here is written against the product we maintain and checked in real email clients before it is published.

Quick answer

How do I add an animated GIF to my email signature?

Open your mail client's signature settings, put the cursor below your contact details, insert the GIF as an image, then select it and add a hyperlink to the page you want people to visit. Save, and send yourself a test email. The GIF is inserted exactly like a static image — the only variable is whether the reading client animates it.

Key facts

Insert method
Add the GIF as an image in the signature editor — there is no separate animation setting.
Gmail
Settings → See all settings → Signature → insert image, then add the link.
Outlook
File → Options → Mail → Signatures, or Settings → Compose and reply on the web.
Hosting
Gmail can hold the image itself; Outlook is more reliable when the GIF is hosted at a public URL.
Common failure
Pasting a still screenshot of the GIF instead of the GIF file.
GIF signature banner · 600 × 150
Export this kind of banner as a GIF, then insert it as the image in your signature.

Before you insert anything

  1. 1Export your banner as a GIF at the size you designed it — do not plan to resize it later.
  2. 2Have the destination URL ready; an unlinked banner wastes the click.
  3. 3Check the first frame reads on its own, in case the animation is blocked.

Platform instructions

Adding your banner in Gmail

  1. 1Click the gear icon, then See all settings.
  2. 2On the General tab, scroll to Signature.
  3. 3Select an existing signature or create a new one.
  4. 4Place the cursor beneath your contact details and use the insert-image control in the signature toolbar.
  5. 5Upload the GIF from your computer, or select it from Drive if you keep assets there.
  6. 6Click the inserted image, then use the link control to add your campaign URL.
  7. 7Scroll to the bottom and click Save changes, then send a test email to yourself.

Gmail typically animates GIFs in signatures. If the image is too large, go back to the editor and export a smaller canvas instead of dragging the image handles.

Testing properly

A signature looks correct in the client you built it in almost by definition. The useful test is receiving it somewhere else.

Send to a Gmail address
What it tells you
Whether the animation plays in the most common consumer client.
Send to an Outlook address
What it tells you
Whether your first frame is doing its job.
Open on a phone
What it tells you
Whether the text is still readable at reduced width.
Click the banner
What it tells you
Whether the hyperlink survived being saved.
Reply to the test
What it tells you
Whether the banner repeats awkwardly in long threads.

GIF not working?

Only the first frame is showing
The reading client is rendering the GIF as a still. Several Outlook builds and some corporate mail configurations do this. You cannot force it from the sender side, so make the first frame self-sufficient.
Animation is disabled by a system setting
Reduced-motion and accessibility settings can stop animated images playing. Again, the first frame is your fallback.
The file is too large
Big GIFs load slowly or get stripped by some gateways. Reduce animated elements, shorten the loop or simplify the background.
It was inserted the wrong way
Pasting a preview or linking to a temporary URL often produces a broken image later. Insert the file through the signature editor's image control.
The image is cached
If you replaced a banner and still see the old one, the client may be showing a cached copy. Test with a fresh message or a different address.
Formatting is being stripped
Plain-text mode removes images entirely. Confirm the signature is used in rich-text / HTML composition.

Email client support

Animated GIFs are supported by most modern mail clients. The important exception is Outlook for Windows (classic), which shows the first frame as a still image.

Gmail (web, iOS, Android)
Animated GIF
Plays
What to expect
The GIF animates and loops as exported. Images may be proxied and cached by Google.
Apple Mail (macOS, iOS)
Animated GIF
Plays
What to expect
Animation plays. Wide banners are scaled down to the message width on iPhone.
Outlook.com / Outlook web
Animated GIF
Plays
What to expect
Animation plays in the browser client.
Outlook for Windows (classic)
Animated GIF
First frame only
What to expect
The GIF is shown as a still image using frame one. Nothing is broken — the message just has to work without motion.
Outlook for Mac / new Outlook
Animated GIF
Plays
What to expect
Animation plays in current builds.
Yahoo Mail, Superhuman, Spark
Animated GIF
Plays
What to expect
Animation plays; the banner is scaled to the reading pane width.
Support checked by the Bannerly team on 2026-08-21 by sending an exported banner to accounts in each client. The practical rule: design so the first frame alone still makes sense.

Key terms

Signature editor
The signature editor is the panel inside a mail client where you compose the block of text and images appended to outgoing messages.
Hosted image
A hosted image is one stored at a public web address and referenced by the email rather than embedded in it.

Sources & further reading

Common questions

Some Outlook versions render animated GIFs as a static first frame. This is client behaviour rather than a fault in your file, which is why the first frame should contain your core message.

Make the banner, then install it

Design the GIF in Bannerly first — the install takes about two minutes once you have the file.

  • Free to create
  • GIF export
  • Live preview