Why Use GIFs in Email
Animated GIFs are the only reliable way to add motion to email. Unlike video, which has inconsistent support across email clients, GIF animations work in virtually every major email client except Outlook desktop (which shows the first frame as a static image).
The benefits are significant:
- Up to 26% higher click-through rates compared to static images
- Eye-catching: motion naturally draws attention in a static inbox
- Auto-plays: no user interaction needed, unlike embedded video
- Product demos: show features in action without requiring a click
- Countdown timers: create urgency for sales and launches
Email GIF Size Requirements
The ideal email GIF is under 500 KB. Here is why:
- Large images slow email loading — subscribers on mobile may not wait
- Some email clients truncate emails over certain size thresholds
- Gmail clips emails larger than 102 KB of HTML, though images load separately
- Multiple large GIFs in one email compound the loading problem
| Email Client | GIF Animation | Notes |
|---|---|---|
| Gmail | Full support | Web, iOS, Android |
| Apple Mail | Full support | macOS and iOS |
| Yahoo Mail | Full support | Web and mobile |
| Outlook.com (web) | Full support | Web version only |
| Outlook desktop | First frame only | 2007, 2010, 2013, 2016, 2019, 365 |
| Samsung Email | Full support | Android default client |
The Outlook First-Frame Problem
Outlook desktop versions (2007 through Microsoft 365) use the Word rendering engine for HTML email, which does not support GIF animation. These clients display only the first frame as a static image.
Since Outlook holds roughly 30% of the business email market, you must design your GIF to work even without animation:
- Put your key message in frame 1: the call-to-action, product image, or headline should be visible without animation
- Design frame 1 as a standalone image: it should make sense even if no other frames ever display
- Add text overlays early: if your GIF has text, show it in the first frame
- Test in Litmus or Email on Acid: preview rendering across all clients before sending
Optimal GIF Settings for Email
| Setting | Recommendation | Why |
|---|---|---|
| Width | 320–480px | Email columns are ~600px wide |
| FPS | 8–10 | Email context is forgiving |
| Duration | 2–6 seconds | Quick message, not a movie |
| Colors | 64–128 | Fewer colors = smaller files |
| Dithering | Bayer or Sierra2 | Bayer for smallest size |
| Loop | 2–3 times or infinite | Catches attention without annoyance |
Email GIF Best Practices
- 1–2 GIFs per email maximum: more than that slows loading and overwhelms the subscriber
- Always include alt text: describes the image for accessibility and when images are blocked
- Avoid rapid flashing: more than 3 flashes per second can trigger photosensitive conditions
- Place above the fold: the GIF should be visible without scrolling
- Do not rely on animation for critical info: the message must work as a static image too
Best Email GIF Use Cases
- Product showcase: rotate through product angles or features
- Sale countdown: animated timer creates urgency
- Before/after demos: toggle between two states
- Animated CTA button: subtle pulse or color change draws clicks
- Tutorial snippets: show a quick how-to in 3–5 frames
Email preset: 400px width, 8 fps, 64 colors, bayer dithering, 4-second duration, loop 3 times. This targets under 500 KB for fast loading across all clients.