GIF animations in emails

GIF images can instantly uplift your email and is a fun way to grab people's attention. The Voyado email message editor lets you add these to your communication but there are a few things to think of before you get started.

animation_generationsmillenial.gif

Unlike when you upload an image to your email, the width of a GIF must be exactly the same as the width dimension you have in your template. Otherwise, Voyado will try to compress, optimize or crop the gif, resulting in its failure to work.

Keep your file sizes low 

The larger the file size of your GIF, the longer your email will take to load as well as eat up the mobile data of your customers, it's also more likely to get marked as spam if it's a very big file. Therefore we recommend using file sizes smaller than 1MB, ideally under 500kb. So how do you create GIFs with smaller file sizes? A few examples to try:

  • Only use a few colors
  • Illustrations are better than images (images in GIFs can increase the file size dramatically, even with just the smallest movement). 
  • Delete duplicate frames 
  • Save with the minimum quality when exporting your file from Photoshop. 

When to use them 

Don't overuse your GIFs - instead, use it as a surprising added element to your emails every now and then for an optimal effect. If you use several in one email, it might look like spam, both to the reader and to the mail client. Also remember to keep the movement smooth and pleasant for the viewer. Avoid excessive flashing as it can harm those with epilepsy. 

Will it work? 

GIFs currently work with most mail clients, the clients that do not handle gifs are certain versions of Outlook, especially Outlook for PC. In case the GIF does not work, the first frame (image) will instead appear as a fixed image. This means that the person who creates the GIF needs to make sure that the first frame / image is good and that it is displayed for at least 0.1 second in order for it to look good for those mail clients that can't handle GIFs. We only recommend using jpg, png and gif - CSS animations are not supported by several mail clients including Gmail, Outlook and Office 365. 

Time to try it for yourself! 

campaign-400x400.gif

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.