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

Use a small, well-tested GIF and insert it as an inline image, not as a file attachment. That is the most reliable way to place a GIF in an email across Gmail, Outlook, Apple Mail, Yahoo Mail, and mobile apps. Keep the first frame meaningful, because some Outlook versions may show only that static frame.

TLDR: Add your GIF with the email client’s Insert image or Pictures option, then confirm it appears inside the message body. Keep the GIF under 1–2 MB, around 600 px wide, and make the first frame clear. For example, a retail team sending a “48 hour sale” email might use a 900 KB GIF showing three product shots, with the first frame displaying the sale message. In many campaigns, animated visuals can improve clicks, but only when they load quickly and still make sense when animation is blocked.

Before You Insert the GIF

A GIF can make an email clearer, warmer, or more persuasive. It can also make the email heavy and slow. Honestly, it feels like many email tools make animation look simple until you test the message on Outlook and mobile data.

Use this checklist first:

• Use GIF format: The file should end in .gif.
• Keep it small: Aim for 1 MB if possible. Stay below 2 MB for general email use.
• Limit the width: A width of 600 px usually fits newsletters and normal email layouts.
• Make the first frame useful: Some clients show only the first frame.
• Avoid rapid flashing: It can create accessibility problems and may feel unprofessional.
• Add context in text: Do not rely on the GIF alone to carry the message.

How to Put a GIF in Gmail

Gmail handles inline GIFs well when the file is inserted as an image. Do not use the paperclip attachment button unless you want the GIF to appear as a downloadable file.

1. Open Gmail and click Compose.
2. Write your subject line and message.
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 or Web Address URL.
6. Select the GIF file or paste the direct GIF URL.
7. Make sure the display option is Inline, not attachment.
8. Resize if needed by clicking the image and choosing a size option.
9. Send a test email to yourself before sending it to others.

You can also drag a GIF from your computer into the Gmail message body. Check that it lands inside the email content, not below the message as an attachment.

How to Put a GIF in Outlook on the Web

Outlook on the web usually supports animated GIFs inside the message body. The process is direct, though its image handling can feel slower than Gmail by a few seconds.

1. Go to Outlook.com or Outlook in Microsoft 365.
2. Click New mail.
3. Place your cursor where the GIF should appear.
4. Click Insert, then choose Pictures or Pictures from this device.
5. Select your GIF file.
6. Wait for the image to load inside the email body.
7. Resize the GIF if the layout looks too wide.
8. Send a test to another account, such as Gmail, to check rendering.

If the GIF appears as a normal file under the email, remove it and insert it again through the picture option. The visual should sit inside the message.

How to Put a GIF in Outlook Desktop

Outlook desktop is where many GIF problems appear. It drives me crazy that some Outlook versions make a perfectly working GIF look broken by showing only the first frame. This is common in older Windows desktop versions that use Microsoft Word for email rendering.

1. Open Outlook and click New Email.
2. Go to the Format Text tab.
3. Confirm the message format is set to HTML.
4. Click inside the email where the GIF should appear.
5. Select Insert, then Pictures, then This Device.
6. Choose your GIF file.
7. Resize it if needed.
8. Send tests to Outlook, Gmail, and a mobile inbox.

For Outlook desktop, treat the first frame as a still image. Put the core message there. If the animation shows a discount code, the first frame should show that code too.

How to Put a GIF in Apple Mail

Apple Mail generally displays GIFs well on Mac, iPhone, and iPad. Still, file size matters. Large GIFs can load slowly, especially on mobile networks.

Apple Mail on Mac

1. Open Mail and start a new message.
2. Place the cursor where you want the GIF.
3. Drag the GIF file into the email body, or click the attachment/photo option.
4. If prompted, choose an image size. Use Actual Size only if the GIF is already optimized.
5. Send a test to confirm it animates.

Apple Mail on iPhone or iPad

1. Open Mail and create a new email.
2. Tap in the message body.
3. Use the photo insert option or paste the GIF if it was copied from Photos or Files.
4. Check the email before sending. The preview should show the GIF in the body.

If the GIF becomes a still image after sharing from another app, save it to Files first and insert it from there.

How to Put a GIF in Yahoo Mail

Yahoo Mail supports inline images, but results may vary between browser versions. Use the image insertion control rather than attaching the file blindly.

1. Open Yahoo Mail and click Compose.
2. Write the email text.
3. Click where the GIF should appear.
4. Use the insert image option if available, or drag the GIF into the message body.
5. Confirm the GIF appears inside the email, not only as a file at the bottom.
6. Send yourself a test message.

If Yahoo places the GIF as an attachment, try dragging it directly into the body area. If that fails, host the GIF online and insert it as an image through a supported editor or email platform.

Best Practices for Professional GIF Emails

• Use animation with a clear purpose: Show a product feature, a short process, or a simple visual cue.
• Keep loops short: Three to five seconds is usually enough.
• Avoid huge banners: They slow the message and may trigger clipping in Gmail.
• Support the GIF with text: If images are blocked, the email should still make sense.
• Test dark mode: Transparent GIFs may look odd on dark backgrounds.
• Check accessibility: Avoid flashing more than three times per second.

Common Problems and Quick Fixes

The GIF does not animate. The email client may not support animation, or the file may have been converted. Check the first frame and test in another inbox.

The GIF shows as an attachment. Remove it and use the image insert tool. The GIF must appear inside the message body.

The email loads slowly. Compress the GIF, reduce dimensions, remove extra frames, or shorten the loop.

The layout breaks on mobile. Use a narrower GIF. A width near 600 px works for desktop, but mobile clients will scale it down better if the design is simple.

The image looks blurry. Export the GIF at the display size you plan to use. Do not insert a tiny GIF and stretch it wide.

Final Recommendation

For the safest result, insert the GIF inline, keep it light, and test it across at least three inboxes: Gmail, Outlook, and a mobile mail app. If Outlook is part of your audience, design the first frame as if it were a standalone image. That one step prevents the most common failure from ruining the message.