Stop the Scroll: Using Animated GIFs to Boost Engagement in Outlook Emails 

Attention has become a commodity. Because motion actually stops scrolling. 

A short loop can spotlight a feature, show a quick how-to, or give a CTA a shove.

But Outlook is everywhere in business, and not every Outlook is the same.

• Some play your animation beautifully.
• Some show only the first frame.
• Some refuse to play at all.

This guide walks you through the practical how-to and the guardrails.

Insert the GIF Outlook email, yes. But design for the audience that won’t see the animation.

Make the first frame count. Test like you mean it. 

Let’s cut to the chase and see for ourselves the significance of animated GIFs in an Outlook email. 

Outlook GIF support: Which versions animate GIFs

Not all Outlooks are equal. Know where you’ll be seen.

• Modern Outlook (Microsoft 365 / Office 365 on Windows)
  Current builds (updated in recent years) do support animated GIFs. They auto-play and loop (often limited times by client settings). Reasonably reliable for many enterprise users.
• Legacy Outlook (2013–2019 on Windows)
  These versions use the Word rendering engine and typically display only the first frame. Some might show a single play interaction; most will not auto-animate.
• Outlook for Mac & Outlook on the web (OWA / Outlook.com)
  These behave like Gmail or Apple Mail: animations play and loop normally.
• Mobile Outlook (iOS/Android)
  Generally supports animation, but test, because some mobile clients treat GIFs differently.

Settings note: By default, modern Outlook plays animated graphics. If a recipient sees a static image, check: File → Options → Advanced → Play animated GIFs (and confirm Windows system animations are enabled). But you can’t rely on every user toggling those settings.

That’s how it is with an interactive Outlook email. You may assume modern Outlook will animate, but you need to design it so the first frame tells the story for legacy clients.

Step-by-step: How to insert a GIF in Outlook email 

A simple flow. No mystique. If you have been wondering how to use GIF in Outlook, here are the steps you need to follow. 

1. Compose a new message.
   New Email (desktop) or New Message (web).
2. Insert the GIF.
   Desktop: Insert → Pictures (or “Pictures Inline” on some builds).
   Web: click the image icon → Insert pictures inline or Attach → Insert pictures inline.
3. Choose the .gif file from your local drive and click Insert.
   The animation embeds into the message body.
4. Resize proportionally.
   Drag corner handles; avoid stretching. For email width, ~600px is a common safe max.
5. Add alt text.
   Right-click → Edit Alt Text (or Format Picture) and enter a short description. Accessibility and image-blocking fallback depend on this.
6. Alternative: Online or add-ins.
   Use Insert → Online Pictures (Office 365) to search Bing/GIPHY, or install a GIPHY add-in via Insert → Get Add-ins.

That’s it. That’s how you embed GIF in Outlook email. The GIF sits in the body like any image. Now make sure it behaves. 

Examples of optimized GIFs in action 

The best way to understand GIF compatibility is to see successful examples. The following GIFs showcase key best practices, including a small file size, a short loop, and an informative first frame (as shown in the static preview below). 

1. Adidas 

Adidas used subtle email animations to showcase their shoe colorways. Clean. Simple. Striking.A reminder that a well-crafted GIF doesn’t just look good, it says more, takes less space, and lets your email breathe. That’s exactly how you insert GIF in Outlook email.

2.  Forever 21 

This GIF captures the rush of Black Friday, instantly. 

Styled like a digital scratch card, it reveals the offer as you engage, pulling the reader in with curiosity and nudging them to click through for the full reveal.

3. Quartz 

This GIF captures the rush of Black Friday, instantly. 

Styled like a digital scratch card, it reveals the offer as you engage, pulling the reader in with curiosity and nudging them to click through for the full reveal.

4. Monica Vinader 

Videos may drive conversions, but they demand time, budget, and production effort.

Monica Vinader chose a smarter path.

A simple two-frame GIF, one showing the bracelet on its own, the other brings it to life on a model’s hand. Minimal effort. Maximum clarity. Proof that sometimes, less doesn’t just do more.

5. Loft

Loft took a playful route and made curiosity do the work.

In the email, the discount isn’t applied. It’s revealed slowly.

A curtain begins to open. The percentage almost appears, and then… it stops. Just enough to tease. Just enough to pull you in. Because sometimes the best way to drive a click is not to show everything. 

Those were some of the best ways to insert GIF in Outlook email. Now, let’s see how to ensure you implement those GIFs effectively. 

Need some advanced implementation tips? We have got you covered. 

Best practices and compatibility tips

GIFs are powerful when used with discipline. Here are the pro tips our experts insist upon. 

• Provide a static fallback where possible. If you control HTML, use Outlook conditional comments to swap a static JPG for old Outlook clients. Example pattern: 

• Optimize file size. Aim for ~500 KB–1 MB when practical. Compress frames, reduce dimensions, shorten loop length. Smaller files load faster and reduce the risk of clipping. 

• Keep the loop short. Short, obvious motion works best. Many clients limit loops; make the point fast. 

• Design the first frame to carry meaning. Legacy Outlook often stops there. Put a headline, image, or CTA in that frame so the message survives without motion. 

• Provide a static fallback where possible. If you control HTML, use Outlook conditional comments to swap a static JPG for old Outlook clients. Example pattern: 

<!--[if !mso]><!-->
<img src="animated.gif" alt="Product in action" width="600" height="300">
<!--<![endif]-->
<!--[if gte mso 9]>
<img src="static-first-frame.jpg" alt="Product in action" width="600" height="300">
<![endif]-->

This shows the GIF to most clients and a static image to the MSO desktop. 

• Include explicit width/height attributes. Outlook respects these; they prevent layout collapse when images are blocked.

• Avoid heavy, page-length GIFs. Big animations are slow, and Gmail may clip large HTML payloads that include heavy assets.

• Use alt text wisely. Describe the action or the message, not the pixels. Screen readers and blocked-image states rely on this.

• Test mobile and desktop. A GIF in Outlook email may animate on mobile but not on some desktop installs; test both. 

Specific Outlook scenarios and settings to watch 

Since Outlook email has evolved over time, what worked yesterday might no longer work. Also, the structural identities of Outlook are very different from those of other ESPs, such as Gmail and Apple Mail. 

So, here are a few Outlook-specific settings you should pay close attention to.  

• Outlook Desktop (Microsoft 365): usually plays GIFs. If a recipient reports static frames, confirm Play animated GIFs and Windows animations settings.
• Outlook 2013/2016/2019 (Windows): plan for the first frame only. No reliable workaround forces animation.
• Outlook Web App (OWA) / Outlook.com: animations behave normally in the browser.
• Mobile Outlook apps: generally support animation, but test across iOS and Android devices.
• Forwarding: ensure the GIF is embedded, not merely linked. Embedded images travel better in forwards; still, you can include a link to a landing page GIF as a backup.

Now, let’s see how developers should approach a GIF Outlook email. 

HTML approach for developers and email platforms 

When coding emails or using SendGrid/Mailchimp: 

• Use a standard <img src=”https://…/animation.gif” alt=”…”> tag.
• Include width and height attributes and inline responsive rules (style=”max-width:100%; height:auto;”).
• Avoid attributes that non-GIF formats accept (there’s no autoplay for GIFs; they play by default where supported).
• If your ESP allows conditional content, serve static images to known legacy clients and GIFs elsewhere.

Always run the final HTML through rendering tests before sending.

Wrapping up 

That brings us to the business end of this article, where it’s fair to say that you need to use motion wisely and design for everyone. 

Animated GIFs are attention tools, not bandwagons. They increase engagement when they add clarity or urgency.

But Outlook’s landscape is varied, and legacy clients are still real. 

You must design with constraints such as: 

• Make the first frame communicate 
• Keep files light 
• Fallback gracefully 
• Test thoroughly 

When the first frame works everywhere, the animation becomes a bonus rather than a requirement. 

Need help making GIFs that work across every Outlook? Request an email rendering audit and let our team bake reliable animation into your templates. 

Want a hands-on check? Talk to our email engineers about GIF optimization, conditional fallbacks, and cross-client testing. 

Ahmad Jamal - Content Writer

Ahmad works as a content writer at Email Mavlers. He’s a computer engineer obsessed with his time, a football enthusiast with an MBA in Marketing, and a poet who fancies being a stage artist. Entrepreneurship, startups, and branding are his only love interests.