How to Put a GIF in an Email: Step-by-Step Guide

Blog 8 min read

​We know that sinking feeling when your carefully crafted emails disappear into the void. Your subscribers aren't engaging, click-through rates are flatlining, and you're wondering if anyone even notices your messages anymore. But here's something that might surprise you: adding a simple animated GIF to your emails can completely transform your engagement rates. Most modern email clients support animated GIFs, making them one of the easiest ways to grab attention in crowded inboxes.

Think about it - when was the last time you scrolled past a well-placed animated image without at least pausing? GIFs work because they break the pattern of static text and images that fill most email campaigns. They're like having a mini-movie right in your message, and when done right, they can turn boring announcements into memorable experiences that people actually want to open.

The best part? You don't need fancy design skills or expensive software to start using GIFs in your emails. Whether you're sending newsletters through Mailchimp, managing campaigns in Klaviyo, or just sending regular emails through Gmail, we'll walk you through exactly how to add animated magic to your messages. Plus, we'll share the insider tricks that ensure your GIFs actually improve deliverability instead of hurting it.

Finding and Creating the Perfect GIF for Your Email

Now that you understand why GIFs can transform your email performance, the first step is getting your hands on the right animated image. You have two main paths here: finding existing GIFs or creating your own custom ones.

For quick solutions, GIPHY offers millions of ready-made GIFs that you can search by keyword, mood, or theme. Free online tools such as Ezgif, Canva, or GIPHY allow users to upload images or videos, adjust animation speed, and export the result as a GIF file. These platforms are perfect when you need something fast and don't want to start from scratch.

But here's where most people make their first mistake: they grab the first GIF that looks good without thinking about email requirements. Regular GIFs can be massive files that slow down loading times or even prevent your emails from reaching inboxes. The sweet spot for email GIFs is under 1MB, with dimensions that won't break on mobile devices.

Creating Custom GIFs That Actually Work

When you need something specific to your brand or message, creating your own GIF gives you complete control. Canva makes this surprisingly simple with their GIF maker tool. Upload your images, set the timing between frames, and export as a GIF file. For mobile users, apps like ImgPlay (iOS/Android) and GIPHY Cam enable quick GIF creation from photos or videos directly on a smartphone.

The key is keeping your animation simple and purposeful. Think product demonstrations, subtle logo animations, or before-and-after reveals. Avoid complex animations with too many moving parts because they'll inflate your file size and potentially overwhelm your message.

Optimizing GIF Files for Email Delivery

Before you add any GIF to your email, run it through optimization. Tools like Ezgif let you compress file sizes while maintaining visual quality. Aim for these specifications:

GIF optimization checklist: under 1MB, max 600px width, 2–5 loops, 10–15 fps.

​File size under 1MB (preferably 500KB or less)

  • Maximum width of 600 pixels for desktop compatibility
  • Loop count between 2-5 times (not infinite loops that distract)
  • Frame rate of 10-15 fps for smooth motion without bloat

Platform-Specific Instructions for Adding GIFs

With your optimized GIF ready, the next step depends entirely on which email platform you're using. Each major email client and marketing platform has slightly different methods, and knowing these specifics can save you hours of frustration.

Gmail: Direct and Simple

Gmail users can copy a GIF from a website or their computer and paste it directly into the email body, or use the "Insert photo" option to upload a GIF file. The process is straightforward: compose your email, position your cursor where you want the GIF, then either drag and drop your file or click the photo icon in the toolbar.

One Gmail trick that most people don't know: you can resize your GIF after inserting it by clicking on the image and dragging the corner handles. This lets you adjust the visual impact without going back to edit the original file.

Outlook: Version Matters

Here's where things get tricky. Outlook 365 and newer versions support animated GIF playback in the email body, but older versions only display the first frame as a static image. This means your carefully crafted animation might not work for all recipients.

Heads-up: Older Outlook (2007–2016) shows only the first frame. Make frame one meaningful.

​To insert a GIF in Outlook, click "Insert Pictures" and choose your GIF file from your device. The animation will play in the compose window if your version supports it. For maximum compatibility, always design your GIF so the first frame looks good as a static image, just in case.

Email Marketing Platforms

Most marketing platforms treat GIFs like regular images, which makes the process simple once you know where to look. Adding a GIF to a Mailchimp email involves dragging an image block into the template and uploading the GIF file, which will display as an animation in the final email.

In Klaviyo, users can add a GIF by uploading it as an image within the email editor, ensuring the animation is preserved. The same approach works for ActiveCampaign, ConvertKit, and most other modern email marketing tools.

Step-by-Step GIF Insertion Process

Now we'll walk through the universal process that works across most email platforms. This systematic approach ensures your GIF displays correctly and maintains your email's professional appearance.

The Universal Four-Step Method

The universal four-step GIF insertion workflow applies across most email platforms.

​Regardless of which platform you're using, the general process for inserting a GIF into an email includes: finding or creating a GIF using an online tool or app, downloading the GIF to your device if necessary, inserting the GIF into the email by either dragging and dropping the file into the email body, using the email client's "Insert Image" or "Insert Picture" function, or copying and pasting the GIF directly into the message, then previewing the email to ensure the GIF displays and animates correctly before sending.

Here's how this looks in practice:

  1. Position your cursor exactly where you want the GIF to appear in your email
  2. Upload your file using your platform's image insertion tool
  3. Adjust sizing and alignment to fit your email layout
  4. Send a test email to yourself to verify the animation works

That test email is crucial because GIF playback can vary between the email editor and the actual inbox experience. We always recommend sending to multiple email addresses you control, including Gmail, Outlook, and Apple Mail accounts.

Placement Strategy for Maximum Impact

GIFs can be inserted anywhere in the email body, but placing them near the top or as a focal point increases engagement. Think about your GIF as the star of your email, not just decoration. It should support your main message and guide readers toward your call-to-action.

Place GIFs near the top or as focal points to boost engagement and guide readers to your CTA.

​Avoid placing multiple GIFs in the same email unless they're part of a cohesive story. Too many moving elements compete for attention and can make your message feel chaotic. One well-placed, purposeful GIF almost always outperforms multiple smaller animations.

Maximizing Deliverability and Engagement

Adding a GIF to your email is only half the battle. The real challenge is ensuring your animated emails actually reach inboxes and drive the engagement you're hoping for. This is where many marketers stumble, because GIFs can impact deliverability if not handled properly.

File Size and Loading Considerations

Large GIF files are deliverability killers. Email providers may block or delay messages with oversized attachments, and recipients on slow connections might see broken images instead of your carefully crafted animation. This is especially important since mobile users make up the majority of email opens.

Keep your total email size under 100KB when possible, with your GIF contributing no more than 1MB of that total. If your GIF is larger, consider breaking it into multiple shorter loops or using fewer colors to reduce the file size.

Keep GIFs under 1MB and total email size lean (aim under ~100KB) to protect deliverability.

Compatibility Across Email Clients

Most major email clients (Gmail, Apple Mail, Outlook 365, Yahoo) support animated GIFs, but some older versions of Outlook (e.g., Outlook 2007–2016) may only display the first frame of the GIF as a static image. This isn't necessarily bad news if you plan for it.

Design your GIFs so the first frame tells the complete story. If your animation shows a product transformation, make sure the "before" image in frame one is compelling enough to stand alone. This way, even subscribers using older email clients get value from your visual content.

Testing and Optimization

Before launching your GIF-enhanced campaign, test it across multiple devices and email clients. Send preview emails to Gmail, Outlook, Apple Mail, and any other clients your audience commonly uses. Check both desktop and mobile versions to ensure your GIF displays correctly and doesn't break your email layout.

Pay attention to loading times, especially on mobile connections. If your GIF takes more than a few seconds to load, it's too large or complex. Email deliverability depends on multiple factors, and file size optimization is one element you can control completely.

Want to take your email deliverability to the next level? While you're optimizing your GIFs, don't forget that invalid email addresses can hurt your sender reputation. Our automated email verification atmailfloss works quietly in the background to keep your lists clean, so your beautifully crafted GIF emails actually reach real inboxes. After all, the best animated email in the world doesn't matter if it never gets delivered!

email deliverability email marketing email verification personalization spam email bounces email monetization online marketing email service providers content marketing