{"id":4590,"date":"2017-07-27T00:00:00","date_gmt":"2017-07-27T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail\/"},"modified":"2023-07-12T17:08:12","modified_gmt":"2023-07-12T21:08:12","slug":"animated-gif-support-comes-to-windows-10-mail","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail","title":{"rendered":"Animated GIF Support Comes to Windows 10 Mail"},"content":{"rendered":"<p>We all know that one of the key limitations to Outlook rendering has been a <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/a-guide-to-animated-gifs-in-email\">lack of animated GIF support<\/a>. That all starts to change today.<\/p>\n<p><strong>We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!<\/strong><\/p>\n<p><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/vlzh36f2nv.jsonp\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\"><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"margin-bottom: 25px\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%;width: 100%\">\n<div class=\"wistia_embed wistia_async_vlzh36f2nv videoFoam=true\" style=\"height: 100%;width: 100%\"><\/div>\n<\/div>\n<\/div>\n<p>Previously, Windows 10 Mail would show only the first frame of the animated GIF, which would appear as a static image. This rendering update applies to Windows 10 Mail only and does not currently extend to other desktop Outlook clients.<\/p>\n<p>This is the first rendering improvement to come as a result of the <a rel=\"noopener\" href=\"https:\/\/litmus.com\/microsoft-partnership\" target=\"_blank\" rel=\"noopener noreferrer\">Litmus-Microsoft partnership<\/a>. We can\u2019t wait for you to get your hands on it. It\u2019s the first small step to modernizing Microsoft rendering.<\/p>\n<blockquote><p>We\u2019re pleased to announce that Windows 10 Mail now supports animated GIF rendering! Our partnership with Litmus gives us valuable insight into the top rendering priorities, allowing us to focus on the most important new features.<\/p>\n<p>&#8211; Kate Everitt, Outlook Program Manager, Microsoft<\/p><\/blockquote>\n<h2>OUTLOOK.COM AND OFFICE 365 IMAGE GAPS BUG FIXED<\/h2>\n<p>Several months ago, Microsoft introduced an update to Outlook.com and Office 365 allowing users to click on non-linked images in an email. This allows users to \u201cview\u201d them directly in the client, similar to Gmail.<\/p>\n\n<p>Before this update, all images in Outlook.com and Office 365\u2014regardless if linked\u2014were wrapped with <strong>&lt;div style=&#8221;display: inline-block;&#8221;&gt;<\/strong> and any non-linked images were also wrapped with a <strong>&lt;button&gt;<\/strong> tag. Here\u2019s a full example of how the email clients were processing images:<\/p>\n<pre><code style=\"background: #333;color: #fff\">\n&lt;div style=\"display: inline-block;\"&gt;\n  &lt;button type=\"button\" class=\"_at_6 o365button\" aria-labelledby=\"_ariaId_123\"&gt;\n   &lt;img src=\"image.jpg\" \/&gt;\n   &lt;span class=\"_fc_1 owaimg\" style=\"display: none;\"&gt;&lt;\/span&gt;\n   &lt;span class=\"_fc_2 o365buttonLabel\" id=\"_ariaId_123\" style=\"display: none;\"&gt;&lt;\/span&gt;\n  &lt;\/button&gt;\n &lt;\/div&gt;\n<\/code><\/pre>\n<p>The combination of these two changes caused unwanted gaps and spacing to appear around images which weren\u2019t linked, breaking some layouts.<\/p>\n<figure id=\"post-18240 media-18240\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/owa-bug1.jpg\" alt=\"owa-bug1\"><figcaption>An image was left aligned instead of centered due to the display: inline-block; styling<\/figcaption><\/figure>\n<figure id=\"post-18241 media-18241\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/owa-bug2.jpg\" alt=\"test\"><figcaption>Unwanted image gaps for a row of images<\/figcaption><\/figure>\n<p>The email community rallied around to find a fix for the bug, with some different solutions posted to the <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/6314-gap-under-images-on-office-365-and-outlook-com\" target=\"_blank\" rel=\"noopener noreferrer\">Litmus Community<\/a> alongside bug reports submitted via the Litmus-Microsoft feedback loop.<\/p>\n<p>We\u2019re happy to announce that this rendering behavior has now been officially rolled back in all Outlook.com and Office 365 accounts. Images are no longer wrapped in divs with styling that impacts layout display or button tags\u2014in addition, the image modal functionality has been entirely removed.<\/p>\n<figure id=\"post-18242 media-18242\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/owa-fix1.jpg\" alt=\"test\"><figcaption>The removal of display: inline-block; div wrapper styling properly centers the image now<\/figcaption><\/figure>\n<figure id=\"post-18243 media-18243\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/owa-fix2.jpg\" alt=\"owa-fix2\"><figcaption>Image gaps have been removed and images can now properly align<\/figcaption><\/figure>\n<p>This partnership and the community\u2019s input enabled Microsoft to quickly become aware of the rendering regression, including its impact and importance. This improves the turnaround time for a fix significantly. Though this is a fix for Outlook.com and Office 365 rather than a new improvement, we are excited to showcase the power of this partnership to act on bugs submitted by the community.<\/p>\n<h2>HOW DOES A BUG GET FIXED?<\/h2>\n<p>Litmus collects Outlook bugs submitted from the community at <a rel=\"noopener\" target=\"_blank\" href=\"mailto:outlook@litmus.com\">outlook@litmus.com<\/a> and from our in-app feedback loop via Litmus Checklist. Representatives from Litmus and Microsoft review bugs and prioritize issues in regular video conference calls. Litmus also performs testing on potential fixes and reviews progress on rendering improvements. We have been testing some exciting changes and can\u2019t wait to share more enhancements with you soon.<\/p>\n<p><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/litmus-microsoft-partnership-update-2017\">Read about our most recent update with the Microsoft Partnership \u2192<\/a><\/p>\n<h2>CONTINUE SUBMITTING YOUR BUGS<\/h2>\n<p>We need more bug reports!<\/p>\n<p>You can report <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-rendering-differences-in-microsoft-outlook-clients\/\">Outlook rendering<\/a> bugs to the Litmus and Microsoft teams. We want to hear from you! Email <a rel=\"noopener\" target=\"_blank\" href=\"mailto:outlook@litmus.com\">outlook@litmus.com<\/a>, and be sure to include the following:<\/p>\n<ul>\n<li>Full HTML email code<\/li>\n<li>Screenshots of the rendering bug<\/li>\n<li>Thorough descriptions of expected behavior versus actual behavior<\/li>\n<\/ul>\n<p>No bug is too small (or repetitive) and Litmus Builder\/Checklist links are acceptable as well.<\/p>\n<p>You can also create tickets directly through Litmus Checklist. When viewing an Outlook client, click on the bug icon in the bottom right hand corner:<\/p>\n<figure id=\"post-17335 media-17335\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/checklist-msft-bug1.png\" alt=\"checklist-msft-bug1\"><\/figure>\n<p>This will slide out a short form where you can describe the bug:<\/p>\n<figure id=\"post-17336 media-17336\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/checklist-msft-bug2.png\" alt=\"checklist-msft-bug2\"><\/figure>\n<p>Reporting bugs in Litmus will automatically attach your HTML and screenshots, so no need to manually add them.<\/p>\n<h2>Stay up-to-date with the Litmus-Microsoft partnership<\/h2>\n<p>Stay up-to-date on advances in email, HTML and CSS tips, and more when you subscribe to our newsletter.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!<\/p>\n","protected":false},"author":3,"featured_media":4591,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[240],"blog_category":[741],"class_list":["post-4590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animated-gif","blog_category-partners"],"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>Animated GIF Support Comes to Windows 10 Mail - Litmus<\/title>\n<meta name=\"description\" content=\"We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!\" \/>\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\/animated-gif-support-comes-to-windows-10-mail\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animated GIF Support Comes to Windows 10 Mail\" \/>\n<meta property=\"og:description\" content=\"We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail\" \/>\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=\"2017-07-27T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-12T21:08:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.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":"Animated GIF Support Comes to Windows 10 Mail - Litmus","description":"We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!","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\/animated-gif-support-comes-to-windows-10-mail","og_locale":"en_US","og_type":"article","og_title":"Animated GIF Support Comes to Windows 10 Mail","og_description":"We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!","og_url":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2017-07-27T00:00:00+00:00","article_modified_time":"2023-07-12T21:08:12+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.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\/animated-gif-support-comes-to-windows-10-mail#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail"},"author":{"name":"","@id":""},"headline":"Animated GIF Support Comes to Windows 10 Mail","datePublished":"2017-07-27T00:00:00+00:00","dateModified":"2023-07-12T21:08:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail"},"wordCount":711,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.png","keywords":["Animated Gif"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail","url":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail","name":"Animated GIF Support Comes to Windows 10 Mail - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.png","datePublished":"2017-07-27T00:00:00+00:00","dateModified":"2023-07-12T21:08:12+00:00","description":"We all know that one of the key limitations to Outlook rendering has been a lack of animated GIF support. That all starts to change today. We are excited to officially announce that the latest available update of Windows 10 Mail now has support for animated GIFs!","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/outlook.com-office-365-bug-fix-01.png","width":1380,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/animated-gif-support-comes-to-windows-10-mail#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Animated GIF Support Comes to Windows 10 Mail"}]},{"@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\/4590","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=4590"}],"version-history":[{"count":3,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/4590\/revisions"}],"predecessor-version":[{"id":73471,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/4590\/revisions\/73471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/4591"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=4590"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=4590"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=4590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}