Animation in Email Marketing: What Works, What Gets Blocked, What Converts
Animated email content can double click-through rates, but Outlook blocks most of it. Here's what actually works across email clients and what to avoid.
Animation in email marketing can significantly increase click-through rates. It can also get blocked, break layouts, and slow load times to the point where nobody sees it. The difference comes down to knowing what format to use, where the landmines are, and how to test.
The Format Options
GIF (the reliable workhorse): GIFs work in almost every email client. They autoplay, they loop, and they don't require any special code. For most email animation needs, GIF is the right choice.
The constraints: - File size matters enormously. Keep GIFs under 1MB. ideally under 500KB. Large GIFs load slowly on mobile and may not load at all on slow connections. - Colour is limited to 256 per frame. This means GIFs work well for motion graphics with flat colours and clean shapes, but poorly for photographic content or subtle gradients. - The first frame is your fallback. Outlook and some older clients display only the first frame as a static image. Make sure it communicates the key message on its own.
MP4/Video (high impact, limited support): Embedded video in email is supported by Apple Mail, iOS Mail, and a few others. For the rest, including Gmail and Outlook, it falls back to a static image with a play button that links to an external page.
When it works, it's powerful. When it doesn't, you need a fallback that's just as good.
CSS Animation (the ambitious choice): CSS animations and keyframes work in Apple Mail, iOS Mail, and some versions of Yahoo Mail. They're blocked or ignored everywhere else. This limits their usefulness for broad campaigns, but they can be effective for audiences you know use Apple devices.
The Outlook Problem
Outlook desktop. still used by a significant percentage of corporate email users. doesn't support GIF animation. It displays the first frame only. For B2B SaaS companies targeting enterprise buyers, this is a major consideration.
The workaround: Design every animated email with Outlook in mind. The first frame of your GIF must work as a standalone static image. It should contain the key message, the visual impact, and the call to action. Think of the animation as an enhancement for clients that support it, not a requirement.
What Actually Converts
Based on what I've seen work across hundreds of email campaigns:
Animated product demonstrations: A three to five-frame GIF showing a key workflow. data going in, results coming out. outperforms a static screenshot of the same feature. The viewer sees the product in action without leaving their inbox.
Animated CTAs: A button that pulses, changes colour, or has a subtle motion effect draws more clicks than a static button. Keep it subtle. a gentle pulse, not a flashing neon sign.
Data visualisation GIFs: If you're sharing results, a GIF that shows a chart building. bars growing, lines climbing. is more engaging than a static chart. It creates a sense of progress and achievement.
Before/after transitions: A GIF that alternates between "before your product" and "after your product" states communicates the value proposition in a way that static images can't.
What to Avoid
- Auto-playing video with sound. It doesn't work in most clients and it's hostile to the user experience.
- GIFs over 1MB. They slow load times on mobile and may be clipped by Gmail (which truncates emails over 102KB of HTML).
- Complex animations that require context. If the viewer doesn't understand the GIF by the second loop, it's too complex for email.
- Animation as the only content. If the animation doesn't load, the email should still make sense. Always include text-based messaging alongside animated elements.
Practical Guidelines
- File size: Under 500KB for primary GIFs, under 200KB for secondary animations
- Dimensions: 600px wide maximum (standard email width)
- Frame rate: 10-15fps is sufficient for most motion graphics GIFs
- Duration: Two to four seconds for the full loop
- First frame: Must work as a standalone static image for Outlook
The Impact
When done right, animated email content drives measurably higher engagement. The key is respecting the technical constraints while maximising the creative impact within those constraints.
If you need animated assets for your email marketing. product GIFs, animated CTAs, or data visualisation animations. get in touch. I can create assets that work across email clients and integrate with your motion design system.
---
Dan Neale is a motion designer and creative director based in Byron Bay, Australia. He specialises in motion design for SaaS companies, tech founders, agencies, and nonprofits. 15 years. 500+ projects. motionstory.com.au
Got something complex to explain?
I make motion design for SaaS companies, agencies, and nonprofits. Tell me what you're working on.
How Storytelling Actually Works in Motion Design (And Why Most Videos Get It Wrong)
Most explainer videos aren't stories. They're feature lists with a voiceover. Here's what actual storytelling looks like in motion design, and the process that produces it.
How Motion Design Works in a Pitch Deck (What Investors Actually Want to See)
Investors are pattern-matching, not watching a movie. Here's exactly where animation belongs in your pitch deck, and where it absolutely doesn't.
Should Your SaaS Company Have a YouTube Channel? (Honest Answer)
A YouTube channel with four videos does nothing for your SaaS company. Here's the honest answer on when YouTube makes sense and what it actually takes to get results.