{"id":520,"date":"2018-10-07T13:39:00","date_gmt":"2018-10-07T13:39:00","guid":{"rendered":"http:\/\/pauldipper.com\/?p=520"},"modified":"2018-10-07T13:39:00","modified_gmt":"2018-10-07T13:39:00","slug":"quick-guide-to-gifs-in-emails-by-paul-dipper","status":"publish","type":"post","link":"https:\/\/pauldipper.com\/?p=520","title":{"rendered":"Quick Guide to GIFs In Emails <br>By Paul Dipper"},"content":{"rendered":"<p class=\"font_8\"><a href=\"http:\/\/pauldipper.com\/wp-content\/uploads\/2018\/10\/giphy.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-523 alignright\" src=\"http:\/\/pauldipper.com\/wp-content\/uploads\/2018\/10\/giphy.gif\" alt=\"\" width=\"181\" height=\"181\" \/><\/a>The Graphics Interchange Format or GIF (although some people say\u00a0\u2018JIF\u2019), turned the big 3-0 this year (2017), so we thought we&#8217;d say Happy Birthday &#8211; but now we feel old!<\/p>\n<p class=\"font_8\">When someone says &#8216;GIF&#8217; to me, it still conjures up images of 1980\u2019s Space Invader icons waving their little pixelated arms, but now that we&#8217;re 30 years on, the GIF has taken on a new form and is slowly taking over the world of email campaigns.<\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"font_8\">A Brief History of GIF<\/h3>\n<p class=\"font_8\">As simplistic as the animated GIF once when the Space Invaders were all the rage, the GIF has now developed into something that doesn&#8217;t have to look so simplistic. \u00a0GIFs today are, as Daft Punk once said, are harder, better, faster, stronger. They have stood the test of time, and are now more detailed, bettered designed\u00a0and better developed. \u00a0The GIF, simply put, is the underdog image-equivalent of Rocky Balboa, that always comes out fighting and on top.<\/p>\n<div id=\"innercomp_txtMedia1iph\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"267.32\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMedia1iphlink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMedia1iphimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMedia1iphimgimage\" class=\"aligncenter\" src=\"https:\/\/media2.giphy.com\/media\/Q3mkfoatPNuco\/giphy.gif?cid=dc79c3575a2fc4cb586c714a6ba256d3\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n<p class=\"font_8\">GIF hasn\u2019t always had the ring to itself when it comes to animated imagery. \u00a0Some early GIF contenders included\u00a0<strong>MNG<\/strong>\u00a0(Multiple Image Network Graphics) and\u00a0<strong>APNG<\/strong>\u00a0(Animated Portable Network Graphics). \u00a0Both used animated image graphics based around PNG, but were knocked out in the first round by development issues that hindered their progression.<br \/>\nNext on the scene was Adobe Flash, who went the full 12 rounds, threatening GIF\u2019s title as the go-to animated image. Luckily for GIF however, Adobe Flash retired early due to security flaws and restricted mobile performance.<\/p>\n<p class=\"font_8\">Today, GIF is being pitted against the new kid on the block &#8211; HTML5. \u00a0This newbie is the most current markup language that utilises new animated elements like the &lt;video&gt; tag for the display of short, silent, looping, moving picture files &#8211; examples of which can be found on\u00a0<a href=\"https:\/\/gfycat.com\/\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/gfycat.com\/\" data-type=\"external\">Gfycat\u00a0<\/a>and\u00a0<a href=\"https:\/\/imgur.com\/\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/imgur.com\/\" data-type=\"external\">Imgur<\/a>.<\/p>\n<p class=\"font_8\">However, even with this new contender, the GIF is still fighting strong after 30 years as one of, if\u00a0not the most successful animated image, thanks not only to its versatility but also its accessibility.\u00a0 You can find a GIF of almost anything, and with so many sites offering up high quality, easily downloadable and shareable GIFs (our personal favourite is\u00a0<a href=\"https:\/\/giphy.com\/\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/giphy.com\/\" data-type=\"external\">giphy.com<\/a><a href=\"https:\/\/giphy.com\/\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/giphy.com\/\" data-type=\"external\">\u00a0by the way<\/a>), there&#8217;s no reason why you shouldn&#8217;t be using GIFs.<\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"font_8\">So Why Use GIF In Your Emails?<\/h3>\n<p class=\"font_8\">Over the years, the animated GIF naturally progressed out video games and into our emails. These little video gems act as the perfect format to capture someone&#8217;s attention within the inbox, as Dell discovered when they launched their XPS 12 Convertible Ultrabook&#x2122;, using an animated GIF to show off it\u2019s flip function.<\/p>\n<div id=\"innercomp_txtMediag4x\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"289.77777777777777\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMediag4xlink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMediag4ximg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMediag4ximgimage\" class=\"aligncenter\" src=\"https:\/\/static.wixstatic.com\/media\/0cf246_f21f78ce617c4957bfaa0a88a124202d~mv2.gif\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n<p class=\"font_8\" style=\"text-align: left;\"><strong>In fact, an animated GIF incorporated into your emails can help<a href=\"https:\/\/www.marketingsherpa.com\/article\/case-study\/gif-centric-email-campaign\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/www.marketingsherpa.com\/article\/case-study\/gif-centric-email-campaign\" data-type=\"external\">\u00a0increase click-through rates by up to 42%.<\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3 class=\"font_8\">How Will You Use Yours?<\/h3>\n<p class=\"font_8\">Depending on your email content, GIFs can be utilised in a variety of ways: for fun, style or informative. Here\u2019s some examples below:<\/p>\n<h4 class=\"font_8\">Fun Promotions<\/h4>\n<p class=\"font_8\">One of the most \u2018must-watch\u2019 TV shows right now is the NETFLIX Original Series \u201cStranger Things\u201d. \u00a0To promote the launch of the new season, Netflix used a creepy GIF in their email marketing timed perfectly with the show\u2019s backdrop and released just before Halloween.<\/p>\n<div id=\"innercomp_2h181gz7\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"869.0582278481013\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_2h181gz7link\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_2h181gz7img\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_2h181gz7imgimage\" class=\"aligncenter\" src=\"https:\/\/static.wixstatic.com\/media\/0cf246_c9a3727b32434fb6bf75a559796022e7~mv2.gif\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n<p class=\"font_8\">Another creepy example comes from Email Monks, who showcased a creative yet spooky CSS3 which featured an interactive GIF for their\u00a0<a href=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/hi-smiles-davis-checkout-the-first-ever-spooky-email.html\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/hi-smiles-davis-checkout-the-first-ever-spooky-email.html\" data-type=\"external\">\u201cAnnabelle Creation\u201d<\/a>\u00a0email, with clever animation, click response and some extra eerie added sound.<\/p>\n<h4 class=\"font_8\"><strong>Style<\/strong><\/h4>\n<p class=\"font_8\">Big brands like\u00a0<a href=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/get-the-gear-cross-training-essentials.html\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/get-the-gear-cross-training-essentials.html\" data-type=\"external\">Nike<\/a><a href=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/get-the-gear-cross-training-essentials.html\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/get-the-gear-cross-training-essentials.html\" data-type=\"external\">\u00a0<\/a>are known for producing some very clean, stylish emails\u00a0featuring \u00a0big images and subtle GIF animations.<\/p>\n<p class=\"font_8\"><a href=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/meet-the-new-uber-app.html\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/meet-the-new-uber-app.html\" data-type=\"external\"><strong>Uber<\/strong>\u00a0<\/a>produced a simple but very effective looping GIF for their email marketing campaigns, featuring a great branding style combined with some simple animation. \u00a0Just goes to show that your GIFS don\u2019t have to be hugely elaborate &#8211; sometimes clean and simple (if done right) can look stylish.<\/p>\n<div id=\"innercomp_txtMediaz0a\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"1280.9882352941177\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMediaz0alink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMediaz0aimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMediaz0aimgimage\" class=\"aligncenter\" src=\"https:\/\/static.wixstatic.com\/media\/0cf246_2dc7d7aef26f40f8abab2aee10437189~mv2.gif\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n<h4 class=\"font_8\">Informative<\/h4>\n<p class=\"font_8\">Show off their new VW Beetle,\u00a0<strong>Lego<\/strong>\u00a0used an\u00a0<a href=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/new-exclusive-lego-creator-volkswagen-beetle-now-available.html\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"http:\/\/reallygoodemails.com\/wp-content\/uploads\/new-exclusive-lego-creator-volkswagen-beetle-now-available.html\" data-type=\"external\">animated GIF carousel<\/a>\u00a0within their email campaign, showcasing image comparisons, different viewpoints and workings of their beach bug. So remember, sometimes a simple carousel of images can be the most effective GIF, rather than something elaborately complicated.<\/p>\n<p class=\"font_8\">Everyone loves a \u2018How-To\u2019 video, which is why the GIF in Harry\u2019s Instagram email campaign is so effective, with its short run-through of their Instagram account featuring an interactive behind-the-scenes experience. Simple but informative.<\/p>\n<div id=\"innercomp_txtMediadnk\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"1042.548\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMediadnklink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMediadnkimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMediadnkimgimage\" class=\"aligncenter\" src=\"https:\/\/static.wixstatic.com\/media\/0cf246_26e09ae76df7473da5d7ce96e8867e75~mv2.gif\" alt=\"\" data-type=\"image\" \/><\/div>\n<div data-style=\"\"><\/div>\n<\/div>\n<\/div>\n<h3 class=\"font_8\">So Now To The Eternal Debate\u2026<\/h3>\n<h4 class=\"font_8\">Is GIF Pronounced With A Hard \u2018G\u2019 or Soft \u2018G\u2019? &#8211; that is the question.<\/h4>\n<div id=\"innercomp_txtMedia1o1c\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"234.56837209302327\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMedia1o1clink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMedia1o1cimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMedia1o1cimgimage\" class=\"alignleft\" src=\"https:\/\/media2.giphy.com\/media\/OvoY5YaoOb8n6\/giphy.gif?cid=dc79c3575a2fea596a7465646b8fa74c\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n<p class=\"font_8\">Apparently the GIF developer, Steve Wilhite intended a soft G, saying it deliberately echoed the American Peanut Butter JIF. Personally I would say hard G, as the G does stand for \u2018Graphics\u2019 after all. Even the former President of the US, Barack Obama had his say on the matter:<\/p>\n<p class=\"font_8\" style=\"text-align: center;\"><em>\u201cA GIF, I&#8217;m all on top of it. That is my official position\u201d<\/em><br \/>\nBarack Obama<\/p>\n<p>&nbsp;<\/p>\n<h3>What Does The Future Hold For GIFs?<\/h3>\n<p class=\"font_8\">Brought up on the Netscape streets, the GIF fought it\u2019s way through many a animated battle to become a legend graphic amongst its peers. \u00a0From kids to professional marketers, everyone loves using a GIF. \u00a0These little snippets of animation can capture your attention and your emotions in a way that a still JPEG just can\u2019t &#8211; and it\u2019s for that exact reason that email marketers love the GIF so dearly. \u00a0The GIF has adapted to its competitors to become the champion of the animated image, and just like the JIF\/GIF debate, the GIF will be around for a long time to come.<\/p>\n<div id=\"innercomp_txtMediaa4m\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"366.75\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMediaa4mlink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMediaa4mimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMediaa4mimgimage\" class=\"aligncenter\" src=\"https:\/\/media0.giphy.com\/media\/d2Z4rTi11c9LRita\/giphy.gif?cid=dc79c3575a2fe8286457724151a328ea\" alt=\"\" data-type=\"image\" \/><\/div>\n<div data-style=\"\"><\/div>\n<\/div>\n<\/div>\n<p class=\"font_8\" style=\"text-align: center;\">So, with the festive holidays approaching, I will leave you with the\u00a0<a href=\"https:\/\/gfycat.com\/UnhealthyMeatyFox?speed=0.125\" target=\"_blank\" rel=\"noopener undefined\" data-content=\"https:\/\/gfycat.com\/UnhealthyMeatyFox?speed=0.125\" data-type=\"external\">full GIF movie of ELF<\/a>.<\/p>\n<p class=\"font_8\" style=\"text-align: center;\"><strong>Enjoy!<\/strong><\/p>\n<div id=\"innercomp_txtMediaxgp\" class=\"s_heNoSkinPhoto\" title=\"\" data-exact-height=\"202.2530612244898\" data-content-padding-horizontal=\"0\" data-content-padding-vertical=\"0\">\n<div id=\"innercomp_txtMediaxgplink\" class=\"s_heNoSkinPhotolink\">\n<div id=\"innercomp_txtMediaxgpimg\" class=\"s_heNoSkinPhotoimg\" data-style=\"\"><img decoding=\"async\" id=\"innercomp_txtMediaxgpimgimage\" class=\"aligncenter\" src=\"https:\/\/media1.giphy.com\/media\/MrxXXBriEIKBO\/giphy.gif?cid=dc79c3575a2fef804e494f4a773190c6\" alt=\"\" data-type=\"image\" \/><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Graphics Interchange Format or GIF (although some people say\u00a0\u2018JIF\u2019), turned the big 3-0 this year (2017), so we thought we&#8217;d say Happy Birthday &#8211; but now we feel old! When someone says &#8216;GIF&#8217; to me, it still conjures up images of 1980\u2019s Space Invader icons waving their little pixelated arms, but now that we&#8217;re 30 years on, the GIF&#8230;<\/p>\n","protected":false},"author":1,"featured_media":525,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,29,42,33,41],"tags":[],"class_list":["post-520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-email","category-gif","category-responsive","category-video"],"_links":{"self":[{"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/posts\/520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pauldipper.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=520"}],"version-history":[{"count":8,"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/posts\/520\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/posts\/520\/revisions\/531"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pauldipper.com\/index.php?rest_route=\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/pauldipper.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pauldipper.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pauldipper.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}