How to Insert a GIF in Mailchimp Without Breaking the Animation

2026-11-04

You can insert a GIF in Mailchimp the same way you add an ordinary image: place an image block in the email, then upload a .gif file or choose a GIF from Mailchimp's GIPHY library. The important difference is that you should resize and optimize the animation before uploading it. Mailchimp's image editor is not designed to edit animation and may flatten or break an animated file.

Quick steps: upload your own GIF

Prepare a short GIF that is wide enough for your email but not larger than necessary.
Open your email in Mailchimp's builder and add an image content block where the animation should appear.
Choose the option to replace or select the image, then upload the .gif file to the Content Studio.
Add useful alt text and, if the GIF is a call to action, link the image to the relevant page.
Preview the desktop and mobile versions, then send a test email to the inboxes your audience uses most.

If your source is a video, create the animation first with the MP4 to GIF converter. If the file is already animated but too large, use the GIF compressor before uploading it to Mailchimp.

Use Mailchimp's built-in GIPHY search

Mailchimp's Content Studio includes a searchable GIPHY library. In the image picker, open the GIPHY source, search for a suitable reaction or animation, and select it for the image block. This is convenient for decorative GIFs. For branded product demonstrations, upload your own optimized animation so you control the crop, colors, first frame, and destination link.

Why the first frame matters

Most modern email clients animate GIFs, but support is not universal. A client that does not play the animation may show only the first frame. Put the headline, product, offer, or main visual in that frame; do not hide the essential message until the end of the loop. The email should still make sense if the animation never starts.

Recommended GIF settings for email

Dimensions: export close to the rendered width. A full-width image in a typical email rarely needs to exceed 600–800 pixels.
Duration: keep the loop short and make the ending transition cleanly back to the beginning.
File size: smaller is better. Remove unnecessary frames, reduce dimensions, and lower the color count before sacrificing readability.
Frame one: design it as a useful static fallback.
Alt text: describe the information or action, not every movement in the animation.

Avoid these common mistakes

Do not paste video embed code and expect it to play in an inbox; email clients commonly block embedded media and scripts. Do not use a huge animation merely because Mailchimp accepts the upload. Large files slow the message, consume mobile data, and may cause readers to leave before the animation loads. Avoid flashing frames or rapid motion that can make the email uncomfortable or inaccessible.

Test before sending

Use Mailchimp's preview tools, but also send a real test message. Check the first frame, the loop, the link, alt text, mobile width, and loading time. If an important audience segment uses a client that displays a static frame, make sure that frame carries the entire offer.

Official reference

Mailchimp documents animated-GIF limitations and recommends editing animated content before upload in its HTML email limitations guide. Its Content Studio guide also identifies GIPHY as an available image source.