How to Add an Animated GIF to an Email
Gmail (web)
- Click Compose.
- Click the Insert photo icon in the bottom toolbar.
- Choose Upload, select the GIF and pick Inline (not As attachment).
- Send. The GIF plays in the message body.
Outlook (new Outlook and Outlook on the web)
In a new message, use Insert → Pictures and choose the GIF from your device. It is inserted inline. Recipients on Outlook 2007–2019 for Windows see only the first frame.
Apple Mail
On a Mac, drag the GIF from Finder into the body of the message. On iPhone, tap in the body and insert the GIF from Photos.
Email marketing platforms
In Mailchimp, Klaviyo, HubSpot and similar tools, add an image block and upload the GIF. The platform hosts the file and links it into the email for you.
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 older Outlook versions for Windows (2007–2019), which show the first frame as a static image.
The benefits are significant:
- Shows more in one image: several product angles or steps fit in one GIF
- 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 2007–2019 | First frame only | 2007, 2010, 2013, 2016, 2019 (Windows); Microsoft 365 plays GIFs |
| Samsung Email | Full support | Android default client |
The Outlook First-Frame Problem
Outlook for Windows versions 2007 to 2019 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. Microsoft 365 Outlook and Outlook on the web play animations.
Many business inboxes still run these versions, so 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.
Why Is My GIF Not Moving in Email?
- Older Outlook for Windows (2007–2019) shows only the first frame. Put your message in frame 1.
- It was attached, not inserted inline. Attachments show as a file icon or a still preview. Insert it into the body.
- It is not really a GIF. Some “GIFs” saved from GIF sites are MP4 or WebP files. Check the extension, and convert video clips to GIF first.
- Images are blocked. Some clients load images only after the reader allows them.
- The file is too big. Large GIFs load slowly on mobile. Aim for under 1 MB, ideally under 500 KB.
GIFs made with the converter on this page loop forever. For email, a shorter clip and a narrower width (320–480 px) keep the file small.