← Customize 1200+ templates for your next newsletter

Design

Top 4 Tips for Using Animated GIFs in Email

Top 4 Tips for Using Animated GIFs in Email

Even if you’re still not sure how to pronounce “GIF,” by now, you certainly know what one is. A GIF is a popular image format that allows for multiple frames and provides an animated sequence. You might not think animated GIFs in email marketing are appropriate — but in fact, a GIF in your email can be a fun way to showcase your products and further personalize your content.

Animated GIFs are a great way to bring motion and a sense of aliveness to a brand’s visual storytelling techniques. Let’s talk about why should you use them in your email marketing campaigns.

Animated GIFs are a great way to bring motion and a sense of aliveness to a brand's visual storytelling techniques. Click To Tweet

Why use animated GIFs in email?

GIFs have been proven to increase engagement and conversions from email. According to the Litmus State of Email “51.28% of marketers said they’re using animated GIFs at least sometimes in their marketing emails.” This is perhaps they have also heard that by using GIFs in emails, “senders can see a 6% increase in open rate and a 109% increase in revenue.”

GIFs are nothing to fear. Although animated, GIFs are image files, similar to PNGs and JPEGs. They can be included in email the same way you’d include regular images, making them simple and straightforward to use.

Once they’re in an email, GIFs often add a sense of levity, delight and playfulness that’s eye-catching and entertaining in your subscribers’ inboxes.

One thing to always be weary of, whether it’s a still image or a GIF, is that they are always optimized for mobile viewing.

In the email below, Converse uses GIFs as a way to showcase multiple products at once. They understand that you only have a couple of seconds to  catch your audience’s attention and use their limited space and time to showcase their new products with a catchy headline “back like never before”their advantage.” The use of GIFS in this email makes it so much more engaging and effective in showing their audience the wide range of products.

Converse using animated gif in email

Converse uses an animated GIF to show product options.

GIFs can be used for almost everything! Get creative.Here, Cute Root used animated GIFs in email to share customer testimonials. It’s a unique and effective idea. It’s important that when using this technique, you leave ample time for the audience to reach each image, otherwise it can be frustrating.

customer testimonial gif in email

 

 

Top 4 Tips for Effectively Incorporating Animated GIFs in Email

#1. The GIF should serve a purpose

GIFs have been around pretty much as long as the internet has. While their use in email has only recently grown in popularity, readers are already getting used to seeing them pop up in inboxes.

GIFs are a powerful part of your toolbox of storytelling techniques. Don’t throw one into an email just because you can. First, think about the story you’re trying to tell. Then determine the best medium through which to tell it. For example, this GIF from Melissa & Doug communicates part of a story:

The colorful images show different products that you can purchase for your children at Melissa & Doug’s Labor Day sale. It’s easy to look at the fun toys in the GIF and imagine your kids playing with them.

Be intentional about how you use a GIF so that it serves your intended purpose: communicating something meaningful and getting clicks.

animated gif in email by Melissa & Doug

#2. Guide readers to your CTA with an Animated GIF

A well-designed GIF in a marketing email will lead readers to your call to action. Think about it: If the GIF is where your readers’ eyes land, then the CTA shouldn’t be far away.

Successful emails give readers a clear, compelling reason to act now with a story that’s short, clear and focused, quickly building to your CTA. So the best way to use a GIF is by putting it to use in that communication stream.

Check out this clever GIF from J Crew. Since the GIF goes from top to bottom — the first number changing colors, then the second — your eye naturally keeps going down, landing on the CTA.

Just like images, your GIFs should all be linked to the landing page where you’d like readers to end up. Successful GIFs will lead directly to, or act as, your email’s main CTA.

text gif in email

#3. The first frame should communicate your key message

Subscribers’ image-viewing settings are a potential block for GIFs. People who have image-viewing turned off won’t see your GIFs. That’s why including ALT text is just as important for GIFs in email as it is for regular images.

And while animated GIFs are very well supported by email clients, they aren’t supported across the board. According to Litmus, the main exceptions are the newer versions of Microsoft Outlook, which won’t show movement but will display the first frame of the animation. That’s why it’s critical to design all GIFs with the assumption that the first frame might be the only frame your viewers see.

Here’s a handy chart from Litmus explaining who supports animated GIFs in email:

list of email clients that support GIFs

Thrive Causemetics designed a recent GIF wisely, with an opening frame that makes sense as a standalone image.

product gif in email

Assume the opening image is all viewers will see of your GIF. That way, you can make sure your email still tells a story, even if the animation fails.

#4. Consider GIF size in email 

Depending on the number of frames and their resolution, GIFs can turn into large files — which might spell bad news for your email, since oversized GIFs can be slow to animate and tend to eat up data. Litmus recommends four smart tactics for reducing the size of your GIF:

  • Remove frames. Keep the animation simple and focused, just like the rest of your email.
  • Animate only part of the picture. The image doesn’t need to change in every frame. Using layers in Photoshop will allow you to isolate animated parts.
  • Crop. Focus on the part that’s animated and trim the rest as needed.
  • Reduce colors. A significant reduction in color use can decrease the size of the file.

A good rule of thumb is to keep your GIF under 200-250 KB.

Effortlessly Add animated GIFs in Email

Visual storytelling in email is getting increasingly sophisticated and effective, and GIFs are a huge part of that. GIFs can break down complicated concepts into a few frames of fluid messaging. Just make sure to use them wisely and intentionally to maximize their effect.

Try integrating GIFs in your next email campaign with BEE Pro. Our drag-and-drop tool makes it easy to add animated GIF files directly into your message — no coding skills required. Happy emailing!

Create your email
for free!

Customize one of our
200+ mobile-ready templates.
And free your time with our
drag & drop editor!

No signup required

Read more

Share this post with your friends! Pin it on Pinterest ?

person running

 

Editor’s Note: This post was updated on March 2023 to ensure accuracy and comprehensiveness. 

Save

Our Reader Score:

Total: 7 - Average: 4.9

Avatar
BEE Team