How to Send an Animated GIF in Email: Step-by-Step Guide for Popular Email Platforms

Published On -

Olivia Brown Blog

Use an animated GIF in email by inserting it like a normal image, not by attaching it as a file. Keep the file small, place the strongest message in the first frame, and test it before sending. That one first frame matters because some email apps, especially older Outlook desktop versions, may not play the animation at all.

TLDR: To send an animated GIF, open your email composer, choose Insert photo or Insert image, upload the GIF, and send a test to yourself first. For example, a small online store could add a 6-second GIF showing three product colors and see a higher click rate than with a static image. In many campaigns, keeping GIFs under 1 MB can reduce load delays, especially for mobile readers. Always make the first frame useful, since not every inbox plays animation.

Why GIFs Work So Well in Email

Animated GIFs grab attention without asking the reader to press play. They can show a product feature, tease a sale, explain a short process, or add a little personality to a plain email. A GIF is easier than video because most email platforms do not support embedded video reliably.

The catch is that email apps are weirdly inconsistent. Gmail usually plays GIFs just fine. Apple Mail handles them well. Outlook on Windows can be stubborn and may show only the first frame. It drives me crazy that two people can open the same email and see two different things, but that is email marketing for you.

Before You Send: Prepare the GIF

A good GIF for email is short, clear, and light. Do not treat it like a movie. Treat it like a moving image with one job.

  • Keep it under 1 MB when possible. Under 500 KB is even better.
  • Limit the length to about 3 to 8 seconds.
  • Use fewer frames if the file is too large.
  • Make the first frame meaningful for users whose email app blocks animation.
  • Add supporting text near the GIF, so the message is not lost.
  • Avoid rapid flashing, which can be uncomfortable or unsafe for some readers.

If your GIF looks fuzzy, export it at the display size you plan to use. Do not upload a huge GIF and shrink it inside the email editor. That often leaves readers waiting while a bloated file loads.

How to Send an Animated GIF in Gmail

Gmail makes this pretty simple, though the button labels can feel a bit too similar when you are moving fast.

  1. Open Gmail and click Compose.
  2. Write your subject line and email copy.
  3. Place your cursor where the GIF should appear.
  4. Click the Insert photo icon at the bottom of the compose window.
  5. Choose Upload and select your GIF file.
  6. Wait for the GIF to appear inside the message body.
  7. Click the image to resize it if needed.
  8. Send a test email to yourself.

Do not use the paperclip attachment button if you want the GIF to show inside the email. Attachments force the recipient to open the file separately, which kills the effect.

How to Send an Animated GIF in Outlook

Outlook needs a little care because there are several versions. Outlook on the web is usually friendlier with GIFs than older desktop versions.

Outlook on the Web

  1. Go to Outlook.com or open Outlook in Microsoft 365.
  2. Click New mail.
  3. Place the cursor where the GIF should go.
  4. Click Insert pictures inline or the image icon.
  5. Select the GIF from your computer.
  6. Wait for it to appear in the email body.
  7. Send yourself a test before sending it to others.

Outlook Desktop

  1. Open Outlook and click New Email.
  2. Click inside the message body.
  3. Go to Insert, then choose Pictures.
  4. Select your GIF file.
  5. Resize it if needed.
  6. Send a test to Gmail, Outlook, and a mobile address if possible.

Heads up: some Outlook desktop versions show only the first frame. This is why your first frame should include the main offer, product, or call to action. If frame one says “Wait for it,” many Outlook readers will wait forever. Not ideal.

How to Send an Animated GIF in Apple Mail

Apple Mail is one of the easier options. It usually shows animated GIFs correctly on Mac, iPhone, and iPad.

  1. Open Apple Mail.
  2. Click New Message.
  3. Drag your GIF into the email body, or click the attachment icon and choose the file.
  4. Make sure the GIF appears inline, not only as a file icon.
  5. Add your text and subject line.
  6. Send a test message.

If the GIF appears as an attachment instead of inside the message, try dragging it directly into the body of the email. That usually fixes it.

How to Send an Animated GIF in Yahoo Mail

Yahoo Mail supports inline GIFs, and the process is close to Gmail.

  1. Open Yahoo Mail and click Compose.
  2. Place your cursor where you want the GIF.
  3. Click the image icon in the toolbar.
  4. Choose the GIF from your device.
  5. Wait for it to load in the message.
  6. Send a test email before the final send.

If the GIF takes more than a few seconds to appear, the file is probably too large. Expect to waste time on this if you skip compression. A 4 MB GIF may look fine on your machine and still feel painfully slow in a mobile inbox.

How to Add a GIF in Email Marketing Platforms

Most email marketing platforms support GIFs through a standard image block. The exact label varies, but the pattern is similar.

  1. Create or open your email campaign.
  2. Add an Image block where the GIF should appear.
  3. Upload the GIF to the media library.
  4. Add alt text that explains the image.
  5. Link the GIF if it acts as a call to action.
  6. Preview the email on desktop and mobile.
  7. Send test emails to several inboxes.

For example, a software company might use a GIF to show a three-step feature demo: click, customize, save. That can be clearer than four paragraphs of instructions.

Best Practices for GIFs in Email

  • Put the key message above or near the GIF. Some readers block images by default.
  • Use alt text. Example: Animated preview of the new red running shoe.
  • Do not rely on sound. GIFs have no audio.
  • Use one main GIF per email. Too many animations feel chaotic.
  • Add a clear call to action. Tell readers what to do next.
  • Check dark mode. Transparent GIFs can look strange on dark backgrounds.

Common Problems and Quick Fixes

The GIF does not animate. The recipient may be using an email app that shows only the first frame. Fix this by making the first frame complete and useful.

The GIF appears as an attachment. You probably used the attachment button. Insert it as an inline image instead.

The email loads slowly. Compress the GIF, reduce its dimensions, remove extra frames, or use fewer colors.

The GIF looks blurry. Export it at the exact size you need. If your email image width is 600 pixels, create the GIF near that width.

The GIF is too distracting. Slow it down. Use fewer loops. A subtle motion often works better than a constant visual shout.

Final Checklist Before You Hit Send

  • The GIF is inserted inline.
  • The file size is under 1 MB if possible.
  • The first frame makes sense on its own.
  • Alt text is added.
  • The email has been tested on mobile and desktop.
  • The GIF supports the message instead of stealing attention from it.

Sending an animated GIF in email is not hard. The real skill is making it useful. Keep it short, light, and clear, and your GIF can make an email feel more alive without making readers wait.