GIF Size for Email: File Size Limits, Dimensions, and Optimization Guide
Email is one of the most unforgiving environments for GIF delivery. Unlike Discord or Slack — where oversized GIFs just load slowly — email clients have hard limits, silent failures, and platform-specific rendering quirks that can make your GIF invisible to half your recipients.
This guide covers the exact file size targets, dimensions, and optimization settings that work across Gmail, Outlook, Apple Mail, and every major platform in between.
Why GIF Size Matters More in Email
In web apps and chat platforms, large GIFs are annoying but functional — they buffer and eventually play. In email, oversized GIFs have three failure modes:
Gmail clips the entire email at 102 KB of total HTML. A 2 MB GIF won't cause clipping on its own (it's loaded separately), but a heavy email with multiple images plus a large GIF can push the email past this threshold and hide everything below a "View entire message" link.
Outlook on Windows doesn't animate GIFs at all. It shows only the first frame. This means your first frame needs to work as a static image — a point many email marketers miss.
Slow connections cause partial loads. A 5 MB GIF on mobile often loads the first few frames, then stops. Your call-to-action at the end of the GIF may never be seen.
The targets below are optimized for delivery, not maximum quality.
File Size Targets by Use Case
Marketing Emails (Newsletters, Campaigns)
Target: under 1 MB. Ideal: under 500 KB.
Marketing emails go to large lists across every device and connection type. The 1 MB ceiling keeps your email loading in under 3 seconds on a typical mobile connection (roughly 3 Mbps average in most markets).
Settings to hit this target:
- Duration: 3–5 seconds
- Frame rate: 10 fps (smooth enough for simple animations)
- Width: 600px (matches standard email column width)
- Colors: reduce to 128 colors if content allows (no human faces or complex gradients)
Transactional Emails (Receipts, Onboarding, Confirmations)
Target: under 500 KB. Ideal: under 200 KB.
Transactional emails open rates are high and users are actively reading. A GIF here is a secondary element — a product preview, a "how to" illustration, an animated diagram. Keep it tight. A 200 KB GIF at 600px wide, 10 fps, 3 seconds is very achievable.
Product Demo GIFs in Onboarding Sequences
Target: under 2 MB.
Onboarding emails are typically opened on desktop where bandwidth is less constrained. Users are motivated — they just signed up and are reading carefully. You can afford slightly larger GIFs here to show product value clearly.
Still cap at 2 MB. If your demo needs more than that, consider hosting it as a video with a GIF thumbnail as the email preview (more on this approach below).
Cold Outreach
Target: under 300 KB.
Cold emails already face deliverability challenges. Large attachments and heavy images can increase spam scores. If you're adding a GIF to a cold email, keep it tiny and treat it as supplementary — not the main content.
Dimension Guide
Standard Email Width: 600px
600px is the standard maximum width for email content. Every major email client renders a 600px-wide email correctly. Wider images get clipped or force horizontal scrolling.
For GIFs in a single-column layout: 600px wide.
For GIFs in a two-column layout (side-by-side image and text): 280–300px wide.
Hero GIF (full-width, top of email)
- Width: 600px
- Height: 200–300px (keep aspect ratio reasonable — very tall hero images take too long to scroll past on mobile)
Inline / Content GIF (next to text)
- Width: 280px (in a two-column layout)
- Height: auto (maintain aspect ratio)
Footer or Small Accent GIF
- Width: 120–200px
- No animation needed at this size — most recipients won't notice
Optimizing a GIF for Email
Step 1: Trim to the minimum needed
The single most effective optimization is duration. A 10-second GIF is at least 3x larger than a 3-second GIF with identical settings. Most product demos can be trimmed to 3–5 seconds by removing setup time (navigating to the feature) and keeping only the core action.
Step 2: Set frame rate to 10 fps
10 fps is imperceptible from 24 fps for most UI animations and text reveals. For animated logos and simple transitions, 8 fps is often fine.
Step 3: Resize to 600px width
Upload your GIF to GIF Resizer and set the output width to 600px. Height will auto-calculate.
Step 4: Compress
After resizing, run the GIF through GIF Compressor. The default settings reduce file size 40–60% with no visible quality loss for UI animations and simple motion.
Step 5: Check the first frame
Open the GIF and look at frame 1. This is what Outlook Windows shows your recipients. The first frame should:
- Show something informative (not a blank screen, loading state, or pre-animation position)
- Make sense without animation context
- Include your key message or product shot
If your GIF starts with a fade-in from black or an empty state, add a 1-second static title frame at the beginning.
Platform-Specific Notes
Gmail
Gmail supports GIF animation. File size limit for inline images is generous (no hard cutoff for the image itself, but total email HTML + images can trigger the 102 KB clip warning).
Recommendation: keep the full email under 100 KB of HTML, use hosted GIF URLs (not embedded data URIs), and stay under 1 MB for the GIF itself.
Outlook 2016–2021 (Windows)
No GIF animation. Shows frame 1 only. Design your first frame to work standalone.
The Outlook on Windows install base is substantial in corporate environments — if you're emailing B2B, assume a significant portion of recipients will see only the first frame.
Outlook on Mac / Outlook 365 (web)
Supports GIF animation. Same optimization targets as Gmail.
Apple Mail (iPhone, Mac)
Supports GIF animation. Apple Mail is generally the most permissive email client for media. No practical size limit for GIF animation specifically, though very large GIFs will load slowly on cellular.
Samsung Mail (Android default)
Supports GIF animation. Similar to Apple Mail — permissive, but size affects load time.
The Video-with-GIF-Preview Approach
For product demos that need more than 2 seconds of complex motion to be useful, a better pattern than a large GIF is:
- Create a short GIF of the first 2–3 seconds (the "hook")
- Host the full video on your platform
- Use the GIF as the email image, linked to the hosted video
This keeps email delivery fast while still giving click-through viewers the full demo. The GIF acts as a thumbnail. Recipients see motion in the email, click to see more.
Quick Reference Table
| Use case | Max size | Width | FPS | Duration |
|---|---|---|---|---|
| Newsletter GIF | 1 MB | 600px | 10 | 3–5 sec |
| Product demo (onboarding) | 2 MB | 600px | 12 | 4–8 sec |
| Transactional email | 500 KB | 600px | 8 | 2–3 sec |
| Cold outreach | 300 KB | 400px | 8 | 2–3 sec |
| Two-column inline GIF | 500 KB | 280px | 10 | 3–5 sec |
| Hero banner GIF | 1 MB | 600px | 10 | 3–5 sec |
Frequently Asked Questions
Will a GIF slow down email delivery or hurt spam score?
File size affects load time for recipients, not delivery speed or spam classification. Spam filters check content, links, and sender reputation — not image size. That said, very large emails (combined HTML + images over ~5 MB) can trigger some spam filters at the server level.
Should I use GIF or an animated PNG (APNG)?
GIF has near-universal email client support. APNG has better color quality but is not supported in Outlook on Windows. For email, use GIF.
Can I use CSS animation instead of a GIF in email?
CSS animation works in Apple Mail and some web clients but not in most Outlook versions. For reliable cross-client animation, GIF is still the standard.
My GIF looks fine in Chrome but pixelated in the email. Why?
Email clients sometimes downscale images for display. Set your GIF width exactly to the column width (600px for single-column), not wider. If you set the GIF to 1200px wide and the email client scales it to 600px, the dithering quality suffers.
🛠 Try These Tools
Share this article
Related Posts
GIF to MP4: Platform Guide for Instagram, TikTok, Twitter, Discord, and More
Instagram and TikTok require MP4. Discord and Slack prefer GIF. Twitter accepts both. This platform-by-platform guide covers exactly which format to use and why — plus conversion specs for every major platform.
Game Clip to GIF: Share Xbox, PS5, and PC Highlights on Discord and Reddit
The fastest way to share a gaming highlight is as a GIF — it autoplays in Discord, displays inline on Reddit, and spreads on Twitter without a click. Here's how to convert clips from Xbox, PS5, PC, and OBS.
WebM to GIF: How to Convert Chrome, Firefox, and OBS Recordings
Chrome, Firefox, and OBS default to WebM recordings — but WebM breaks in email, Jira, Notion, and non-browser apps. Here's how to convert WebM to GIF and share it everywhere.