How to use GIFs in email without breaking it
A good animated GIF lifts an email. A bad one means a blank box on mobile data or a frozen frame in Outlook. Here's how to get it right.
Keep it under about 1 MB
There's no hard limit, but email is read on phones, often on mobile data. A common rule of thumb in email marketing is to keep GIFs under about 1 MB, and smaller is better. A 5 MB hero GIF can take several seconds to appear, and many readers will have scrolled past by then.
| Use | Target size | Width |
|---|---|---|
| Hero / header animation | under 1 MB | 600 px (shown at 600 or less) |
| Product demo inline | under 1 MB | 600 px |
| Small icon or button | under 100 KB | as small as it's shown |
Most email templates are 600 px wide, so a GIF wider than that is just extra weight. If you want it sharp on retina screens, export at 1200 px and display at 600, but watch the size: that's four times the pixels.
Design the first frame as if it's the only frame
Outlook on Windows desktop doesn't play animated GIFs. It shows only the first frame. If your first frame is a blank background, or the start of a fade-in, those readers see nothing useful.
- Put the headline, product or key message in the first frame.
- Don't put the call-to-action only in later frames. Put it as live text or a button in the email too.
- Add alt text that says what the GIF shows, for readers with images blocked.
How to get the file size down
- Resize to 600 px wide. Usually the biggest saving.
- Keep it short. 3–5 seconds is plenty. Loop it.
- Cut the frame rate to 10–15 fps. Email GIFs don't need to be cinematic.
- Use flat colours. Gradients and photos are what make GIFs heavy. Simple graphics compress dramatically.
- Or use the Email preset. Gifpresso resizes to 600 px wide, aims for 950 KB, and tunes the rest.
FAQ
Do GIFs work in Gmail and Apple Mail?
Yes. Gmail, Apple Mail and most mobile apps play animated GIFs. Outlook on Windows desktop is the main one that shows only the first frame.
Can I use a video instead of a GIF in email?
Video support in email is patchy. The usual approach is a GIF, or a static image with a play button that links to the video.
Do GIFs hurt email deliverability?
Not by themselves. A huge email made mostly of images, with little text, can look spammy. Keep a healthy amount of real text alongside your GIF.