Animated GIFs in eMail (the basics) by Anna Yeaman @stylecampaign

bloggerbanner-AnnaYeaman6

I was on an email forum recently when a guy asked,

“Does anybody know if you can use animated Gifs in emails and if so how do you do it? I know that you cannot send flash, or it’s not recommended”.

If you’re just getting started with animated Gifs in email, here are the basics:

1. Can I use animated Gifs in email?

Yes. Animated Gifs play in all email clients, except for Outlook 2007 and Apple Mail 3.0.

Animated Gif support in email
Desktop clients
AOL Yes
Apple Mail No
Entourage 2008 Yes
Lotus Notes Yes
Outlook Express Yes
Outlook 2000 Yes
Outlook 2003 Yes
Outlook 2007 No
Thunderbird Yes
Windows Mail Yes
Web clients
AOLWeb Yes
Gmail Yes
Windows Live Hotmail Yes
Yahoo Mail Yes
Yahoo Classic Yes
Comcast Yes
AT&T Webmail Yes
Verizon Webmail Yes
Earthlink Webmail Yes

Although animated Gifs play on the iPhone and Blackberry, playback can be slow.

2. Animated Gifs in Outlook 2007 { view Tiffany email }

Tiffany blank first frame email

Outlook 2007 only displays the first frame in a sequence. If an Outlook 07 user received the above Tiffany email, all they would see is a blank blue image (Frame 1).

Make sure your first frame is not blank and works as a stand alone image. That means no fade ins, or leaving the CTA/reveal until later frames (I’m looking at you Juicy Couture!).

 

3. What about Flash in email? { view Flash email }

Example of Flash in email

Only Mac Mail supports Flash, so I’d give it a miss.

The only Flash email I’ve received, was from Neiman Marcus back in Jan07. They quickly switched back to animated Gifs.

4. Creating an animated Gif in Photoshop: { view tutorial }

ImageReady animated email tutorial

If your using an early version of Photoshop (7.0) you can use ImageReady, here’s an animated Gif tutorial.

If your using Photoshop CS3 or 4, ImageReady has been discontinued. Most of its core features are still included. Select Window/Animation to bring up the controls (same as ImageReady so refer to above tutorial).

5. Controlling speed and playback

You can adjust the speed of an animated Gif in Photoshop, by assigning a time to each frame. So your first frame may display for 2sec, your second 0.5 sec and so on.

You can also set the number of times it plays e.g. once, 5 times or looping continuously.

6. Need more reassurance? {view early animated email}

early animated gif

Many top UK and US retailers, have been using animated Gifs in email for years. I’ve collected over 300, dating back to this Neiman Marcus example from Nov 06.

Here is a sample of retailers using animated Gifs in email:

Amazon, American Apparel, Anthroplolgie, Barnes & Noble, Bluefly, Clinique, Dillards, Dior, Evans, Express, Gap, Hermes, Johnnie Boden, Lands’ End, Macy’s, Neiman Marcus, Next, Photojojo, Saks, Selfridges, Tiffany, UrbanOutfitter and a bunch more…

7. Takeaway: Animated Gifs are widely used and play in the majority of email clients. Just take care with that first frame.

Meet the author:

Anna Yeaman

Anna Yeaman

Anna Yeaman is the Co-Founder and Creative Director at STYLECampaign, an email creative agency in LA.

Connect with: Anna Yeaman

Share this page:

Share on linkedin
LinkedIn
Share on facebook
Facebook
Share on twitter
Twitter
Share on email
Email

Connect with us:

To stay in the know and get the best eMail Marketing information that will teach you how to BEE an eMail Marketing Ninja.

  • Phil Crampe
    December 3, 2009 at 3:17 pm

    I just found this post on twitter. Great, just in time my company wants to send out an animated gif holiday email/card. This is a huge relief to know the “rules”.
    Thank You
    Phil
    Boston, MA

  • Jim Ducharme
    December 3, 2009 at 3:26 pm

    Phil,

    Awesome! It’s really rewarding to know that we are helping people! That’s what we love to hear! If you’ve got questions let us know so we can find the answers!

    Regards,
    Jim
    Editor

  • Scott Hardigree
    December 4, 2009 at 8:52 am

    Great Post! I’ve continued the topic and linked to a few of Anna’s email in this post: http://blog.indiemark.com/2009/10/19/email-animation-examples-case-studies/

  • Anna Yeaman
    December 4, 2009 at 2:34 pm

    Enjoyed your post Scott, I had not seen the Marketing Sherpa case study only the Bluefly A/B.

    BTW you can rename a Gif file JPG and it still plays in the inbox. The Twilight example [ http://tinyurl.com/87ldxf ] was an early video Gif we created. We were playing around with the jpg extension to see if there were any benefits, as we’d seen another company do this.

    We could not determine any (besides maybe masking the fact it was a Gif, which we had no interest in doing) since then we just stick with the Gif extension…

  • Sharon Mostyn
    December 9, 2009 at 8:13 am

    Perfect timing! We were looking at an animated GIF as an option for an email campaign this week. I’ll make sure we didn’t miss anything thanks to your post.

    • Jim Ducharme
      December 9, 2009 at 8:37 am

      Hi Sharon,

      Thanks for the comment and we are glad you found this post useful! BTW, loving your tweets on #MPEIS!

      Regards,
      jim

  • phyllis
    August 6, 2012 at 3:11 pm

    Hi, I made an animated gif in Easy Gif Animator. It works when in the program and it works if I put it on my website but it doesn’t show anything but the first frame in an email. Is there something special you have to do? thanks.

  • Cody Sharp
    August 31, 2012 at 9:07 am

    We just released a new whitepaper about using animation in emails earlier today. It includes a real world example along with some additional tips. http://goo.gl/G8q5p

  • Nazzareno Gorni
    June 14, 2013 at 4:09 am

    Is it time to switch to html5 video in email? Our latest results: http://blog.mailup.com/2013/06/video-in-email-support-latest-update-june-2013/

  • Desktop Gold
    July 12, 2018 at 3:30 am

    AOL Email is much better then other Emails because you can use Flash in images, Gif and other business tools in this.

Add a comment

Share this page:

Share on linkedin
Share on facebook
Share on twitter
Share on email

SUBSCRIBE
to download our
FREE GUIDE
“27 Free Tools Every
eMail Marketer Needs
in Their Toolbox”

 

Your privacy is our privilege!
We will never rent, sell or share your data. 
You can unsubscribe at any time, but you won’t want to 😃

SUBSCRIBE to our newsletter
to download our FREE GUIDE
“27 Free Tools Every
eMail Marketer Needs in Their Toolbox”

Download our free guide 27 Free Tools Every eMail Marketer Needs in Their Toolbox

Download our FREE GUIDE

Your privacy is our privilege!
We will never rent, sell or share your data. 
You can unsubscribe at any time, but you won’t want to 😃

This website uses cookies to ensure you get the best experience on our website.