{"id":3737,"date":"2019-11-06T00:00:00","date_gmt":"2019-11-06T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for\/"},"modified":"2023-11-10T11:59:34","modified_gmt":"2023-11-10T16:59:34","slug":"animation-in-email-3-mistakes-you-shouldnt-fall-for","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for","title":{"rendered":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For"},"content":{"rendered":"<div class=\"update\"><strong>Litmus Live Replay<\/strong><br \/>\nEvery year, the world\u2019s best email marketers share their wisdom with the Community at <a rel=\"noopener\" href=\"https:\/\/litmus.com\/conference\">Litmus Live<\/a>. Now, we\u2019re making the highlights from some of the best talks available to everyone. There&#8217;s nothing like joining us in person though! <a rel=\"noopener\" href=\"https:\/\/litmus.com\/conference\">Learn more \u2192<\/a><\/div>\n<p><span style=\"font-weight: 400\">Earlier this year, we identified animation as one of the <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/top-email-design-trends\"><span style=\"font-weight: 400\">top email design trends for 2019<\/span><\/a><span style=\"font-weight: 400\">. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/a-guide-to-animated-gifs-in-email\"><span style=\"font-weight: 400\">animated GIFs<\/span><\/a><span style=\"font-weight: 400\"> or code-driven CSS animations.<\/span><\/p>\n<p><span style=\"font-weight: 400\">But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at <a rel=\"noopener\" href=\"https:\/\/litmus.com\/conference\">Litmus Live Boston<\/a>&nbsp;this year. Unfortunately, marketers don&#8217;t always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes:<\/span><\/p>\n<h2>1. Animations are too distracting<\/h2>\n<p><span style=\"font-weight: 400\">In most cases, animations are thought to enhance your email design to make it more appealing. But it\u2019s surprisingly easy to cross the line from a helpful animation to one that distracts from your email\u2019s goal and is annoying for your subscribers.<\/span><\/p>\n<p><span style=\"font-weight: 400\">An animation that\u2019s done well should grab your reader\u2019s attention, but also allow them to let go and move on to what you really want them to do: reading the content or clicking a CTA. Using too many animations in one email\u2014or using one that\u2019s too flashy or too prominent\u2014might catch your reader\u2019s eye, but it won\u2019t help make your emails more effective.<\/span><\/p>\n<p><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#animation\"><strong>Learn the simple tricks to helpful animations&nbsp;\u2192<\/strong><\/a><\/p>\n<h2>2. Image files are too large (and take too long to load)<\/h2>\n<p><span style=\"font-weight: 400\">Animated GIFs are prone to excessive file sizes. In an increasingly mobile world, file size can play an important part in any email program. Extremely large GIFs cut into subscribers\u2019 data plans and can be slow to load and play\u2014both of which are frustrations that no subscriber should have to deal with.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">Keep your image file sizes between 1MB and 3MB to ensure your animations load quickly and don\u2019t use too much data. How do you do that, you ask? Watch Evan\u2019s talk to learn <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#animation\"><strong>how you can reduce file sizes for your animated GIFs<\/strong><\/a>.<\/span><\/p>\n<h2>3. Animations bloat up production time (and budgets)<\/h2>\n<p><b><span style=\"font-weight: 400\">Animations take longer to produce than simple imagery. The more complex your animation is, the more it will impact your production times\u2014and your budget, too. Set realistic expectations with your team when you map out design work for a campaign that includes animations.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">Is an advanced animation that takes days of design work for a <em>single<\/em> email really worth the extra effort? Less is often more, especially when you\u2019re just starting to use animations in your campaigns. Adding subtle animation with a few frames using existing imagery as a base can be just as powerful as brand new, fancy animations your team needs to create from scratch. Start with that.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">Check out Evan\u2019s talk to see some great examples of animations that <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#animation\"><strong>make an impact without eating up your design resources.<\/strong><\/a><\/span><\/b><\/p>\n<h2 id=\"animation\"><span style=\"font-weight: 400\">Avoid the biggest mistakes and master the art of animation in email<\/span><\/h2>\n<p><span style=\"font-weight: 400\">But how do you create animations that support your email\u2019s goal and delight your subscribers\u2014all while keeping file sizes low and production times short?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Watch Evan\u2019s full <a rel=\"noopener\" href=\"https:\/\/litmus.com\/conference\">Litmus Live<\/a> talk and learn how to master the art of animation in email marketing.<\/span><\/p>\n<p><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/ji7pkn8cd5.jsonp\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\"><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding: 37.5% 0 0 0\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%;width: 100%\">\n<div class=\"wistia_embed wistia_async_ji7pkn8cd5 videoFoam=true\" style=\"height: 100%;width: 100%\">\n<div class=\"wistia_swatch\" style=\"height: 100%;overflow: hidden;width: 100%\">\n<img decoding=\"async\" style=\"height: 100%;width: 100%\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/img_5e9dbcf13b806.jpg\" alt=\"\" aria-hidden=\"true\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"cta\">\n<table>\n<tbody>\n<tr>\n<td class=\"block-1\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/tedc16-tickets.png\" alt=\"\"><\/td>\n<td class=\"block-2\">\n<h2>Join us at Litmus Live and bring your email marketing to the next level<\/h2>\n<p>Did you enjoy this talk? Litmus Live is even better in person. Join us and learn email strategy, design, and development from the world\u2019s leading email marketers.<\/p>\n<p class=\"zero\"><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/litmus.com\/conference\">Get your ticket \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations.<\/p>\n<p>But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don&#8217;t always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.<\/p>\n","protected":false},"author":3,"featured_media":3738,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[240,206,488],"blog_category":[56,53],"class_list":["post-3737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animated-gif","tag-dynamic-content","tag-litmus-live","blog_category-conferences-events","blog_category-tips-resources"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For - Litmus<\/title>\n<meta name=\"description\" content=\"Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations. But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don&#039;t always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For\" \/>\n<meta property=\"og:description\" content=\"Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations. But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don&#039;t always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-06T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T16:59:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For - Litmus","description":"Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations. But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don't always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for","og_locale":"en_US","og_type":"article","og_title":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For","og_description":"Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations. But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don't always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.","og_url":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2019-11-06T00:00:00+00:00","article_modified_time":"2023-11-10T16:59:34+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for"},"author":{"name":"","@id":""},"headline":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For","datePublished":"2019-11-06T00:00:00+00:00","dateModified":"2023-11-10T16:59:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for"},"wordCount":640,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png","keywords":["Animated Gif","Dynamic Content","Litmus Live"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for","url":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for","name":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png","datePublished":"2019-11-06T00:00:00+00:00","dateModified":"2023-11-10T16:59:34+00:00","description":"Earlier this year, we identified animation as one of the top email design trends for 2019. Email marketers everywhere are looking to create dynamic, engaging emails with the help of animations\u2014whether that\u2019s through the use of animated GIFs or code-driven CSS animations. But to truly take advantage of the power of animations, you have to use them the right way, said Evan Diaz from Lucky Red Pixel in his talk at Litmus Live Boston\u00a0this year. Unfortunately, marketers don't always do that. If you\u2019re considering adding animations to your next campaign, make sure you don\u2019t fall for these common mistakes.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/why-a-lack-of-email-marketing-mistakes-is-a-red-flag.png","width":1380,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/animation-in-email-3-mistakes-you-shouldnt-fall-for#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Animation in Email: 3 Mistakes You Shouldn\u2019t Fall For"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/3737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=3737"}],"version-history":[{"count":1,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/3737\/revisions"}],"predecessor-version":[{"id":85041,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/3737\/revisions\/85041"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/3738"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=3737"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=3737"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=3737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}