3 Jul 2015
Mastering The Email GIF, Frame-by-frame
3 Jul 2015
We all love a good animated GIF. Even after 28 years, they continue to intrigue and entertain us. Most recently, these “digital flipbooks” have been making a big splash on social media. Tumblr, a social platform built GIFs – recently launched Tumblr TV and GIF search. Just last month, Twitter also announced that it would start auto-playing GIFs in feeds. And All the more proof that we should all consider incorporating GIFs into our email campaigns.
Here’s an awesome example of an animated GIF used in its full glory. American Apparel captures readers attention by using a simple GIF within the context of their messaging.
3 steps to GIF creation
Before you start embedding GIFs into your next email, here are a few tips you should keep in mind:
- You might remember our post from a few months ago when we talked about keeping an eye on the weight of your emails. GIFs can increase the size of your email quite significantly, so be sure to be mindful that they don’t push your total email size over the 104KB threshold. At this threshold, some clients like Gmail start rolling up “excess content” into a preview link. Not only do you run the risk of having your email clipped off by some, larger GIFs can also take longer to load , a bad user experience or they will just be flagged as SPAM.
- Ironically enough, for how long GIFs have been around, there are some email clients that don’t render animated GIFs. Newer versions of Outlook (2007, 2010 and 2013) won’t play the animation. This list also includes Windows 7 for mobile. Don’t let this deter you from using GIFs, though. Even if your email is viewed on a client that isn’t compatible, it defaults to showing just the first frame. Here’s your chance to make sure that the user at least has an attractive default image to look at. Here’s a great example of this done by Jack Spade:
- Last thing to bear in mind, is to not overuse GIFs. As with most other email content, regularly switch things up so that you continue to surprise and delight the reader. Overuse of a GIF can lead to loss of value and boredom. So make sure the next time you think about bringing out the GIF-big-guns, spend a good amount of time brainstorming and designing original content.
Ready to create?
There are a bunch of tools on the web that make it quick and easy to create animated GIFs. You can either start with video and tease out a series of still frames or simply a set of photos. Using tools like Imgur, you can string these into GIFs, or design them using more sophisticated software like Photoshop. Here’s a cool guide to get you started.
If you’re like me and get scared just looking at Photoshop, there are other alternatives that are user friendly for the non-designer. Gifmaker allows you to upload a number static images and stitch them together into a GIF, as well as control the loop speed and adjust dimensions. Last but not least, if you don’t have time to create one or are simply looking for some inspiration, there’s nowhere else better to surf than giphy.com.
Have you created, sent or come across a cool email GIF recently? Share a link with us by commenting below!