{"id":18430,"date":"2020-03-05T17:39:23","date_gmt":"2020-03-05T12:09:23","guid":{"rendered":"https:\/\/email.uplers.com\/blog\/?p=18430"},"modified":"2024-03-12T17:24:18","modified_gmt":"2024-03-12T11:54:18","slug":"sending-image-heavy-emails-the-right-way","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/","title":{"rendered":"Sending image-heavy emails the right way"},"content":{"rendered":"\n\n\n\n<p>If you\u2019re an email marketer, by now you would have known that an email might not always turn out like how you expected. When it comes to sending emails, it could get very tempting to use images in place of text to overcome the coding hassles of emails. <\/p>\n\n\n\n<p>However, with most email clients blocking your images by default, it becomes very important that you have a foolproof<a href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"> email design<\/a> that can convey the message even without images. Gmail Data Analysis reveals almost <a rel=\"nofollow noopener noreferrer\" aria-label=\"43% (opens in a new tab)\" href=\"https:\/\/litmus.com\/blog\/gmail-data-analysis-reveals-image-blocking-affects-43-of-emails\" target=\"_blank\">43%<\/a>&nbsp; readers use email without turning images on. <\/p>\n\n\n\n<p>Read on to know how you can optimize the images and make the most of them in your email design by just keeping a few things in mind. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How can images ruin your email?<\/h2>\n\n\n\n<p>The right image will help to increase the number of content views and email clicks and affect the conversion rate. A low-quality photo, obsolete vector, or ill-sorted image can take a toll on the user\u2019s trust in the brand and on the email too. Remember these few points when you design an email with images.<\/p>\n\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17405 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/banner-design-services\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Spam Triggers<\/h3>\n\n\n\n<p>It is a well-known fact that most spam mails contain heavy images and email clients have set their spam trigger criteria accordingly. Spammers are known for hiding their text with images, so to overcome this blind spot, most email clients treat heavy-image emails as spams. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Loading of images<\/h3>\n\n\n\n<p>If\nyour subscribers have a slow internet connection or are connecting to data\non-the-go, the images in your emails may load slower than normal. Even if\nsomeone has speedy internet, there is a risk that images may not load quick\nenough. The longer images take to load, the more likely your subscriber will be\ndisengaged and delete your email\u2014and if images are all your email has to offer,\nthis can affect future engagement with your brand. <\/p>\n\n\n\n<p>Avoid using one large image as your entire email, or too many images in general. Many <a href=\"https:\/\/email.uplers.com\/infographics\/best-email-marketing-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">email tools<\/a> automatically compress images in emails, so they load faster.<\/p>\n\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17407 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Accessibility issues<\/h3>\n\n\n\n<p>Not including ALT text can harm your email\u2019s accessibility. There has been a constant increase in the number of subscribers that use voice assistants\u00a0 to read their emails to them. Unlike screen readers, voice assistants\u00a0do not seem to recognize ALT text and other HTML attributes, so even if you have set ALT text for your image-only email, it won\u2019t matter for this subset of your audience: the email will be completely blank to them. So, when it comes to <a href=\"https:\/\/email.uplers.com\/blog\/accessibility-in-emails\/\" target=\"_blank\" rel=\"noreferrer noopener\">creating accessible emails<\/a>, there\u2019s no alternative to live text.<\/p>\n\n\n\n<p>Moreover, when a subscriber wants to revisit your email or wants to search a keyword from your mail, it wouldn\u2019t pop up in the search results within the email client, as the copy was part of the image.<\/p>\n\n\n\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17416 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/psd-to-email-html-conversion-service\/\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"192\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/html-email-coding-768x192-1.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/html-email-coding-768x192-1.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/html-email-coding-768x192-1-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/html-email-coding-768x192-1-624x156.jpg 624w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Images disabled by\nreader<\/h3>\n\n\n\n<p>Many subscribers have a default email client setting or turn off the image visibility in emails by personal preference. This should be remembered while designing an email. Blocked images can result in emails that do not communicate anything and fail to make an impact\u2014or even appear to be broken. It can be worse if you don\u2019t have any ALT text &nbsp;set up for your imagery, because then the email simply appears blank.<\/p>\n\n\n\n<p>The\nbelow image is how an email from Rue la la looks when the images are disabled\nin an email client. This email has ALT text because of which the basic message\nis conveyed.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"630\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la.jpg\" alt=\"\" class=\"wp-image-18431\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la.jpg 661w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la-300x286.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la-147x140.jpg 147w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la-624x595.jpg 624w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/1-alt-text-rue-la-la-24x24.jpg 24w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/figure><\/div>\n\n\n\n<p>When\nthe images are enabled, this is how the email looks.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"641\" height=\"623\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la.jpg\" alt=\"\" class=\"wp-image-18432\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la.jpg 641w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la-300x292.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la-144x140.jpg 144w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la-624x606.jpg 624w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la-24x24.jpg 24w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/2-mail-rue-la-la-48x48.jpg 48w\" sizes=\"auto, (max-width: 641px) 100vw, 641px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Is there a right way to send images in email?<\/h2>\n\n\n\n<p>The only way to <a href=\"https:\/\/email.uplers.com\/blog\/ultimate-guide-images-html-email\/\" target=\"_blank\" rel=\"noreferrer noopener\">use images in emails<\/a> is to do it in a way that does not raise any red flags. For instance, if a user opens the email only to confirm their registration, show them the link and don\u2019t distract with excess content. There is no need to add an image just for the sake of it. An image should not duplicate the text&nbsp;but should help to set the mood or to literally show the subject of the message. Since there is little time available for an email to catch the user\u2019s interest, any opportunity to convey meaning with an image or icon should be used. So, if you can show, don\u2019t tell!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Best Practices in using image in email<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Avoid Image only Emails<\/h3>\n\n\n\n<p>At the first glance, sending image-only\nemails might sound like a great idea, but those emails come with a poor\nsubscriber experience\u2014and can ultimately hurt your brand. A picture may say a\nthousand words, but sometimes you&nbsp;also&nbsp;need those words spelled out.\nIf something goes wrong in an image only email, there might be a chance that\nthe reader might not even know what the mail was about. Scary, right?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimize the image resolution<\/h3>\n\n\n\n<p>With the ever-growing trend towards higher pixel density monitors and mobile devices, using sharp, crisp images is more important than ever. A normal image displayed at its native size will appear blurry on high density displays due to the image covering roughly twice the number of pixels without any increase in its clarity. One <a href=\"https:\/\/www.freshaddress.com\/blog\/best-practices-for-email-design\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\" (opens in a new tab)\">technique<\/a>&nbsp;is to save the image at twice the resolution needed and then hard code the height and width at the intended size.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Avoid Stock\nclich\u00e9s<\/h3>\n\n\n\n<p>To\nconnect with customers, you must go the extra mile to stand out and communicate\neffectively. Using stock images that a user might have seen repeatedly might\nnot only lower your credibility, but it will also show that you don\u2019t care\nenough and just selected a random image that you came cross. <\/p>\n\n\n\n<p>Keep\nyour images on brand and genuine. Take the time if you could create specific\nimagery for your email campaign!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use GIFs over images<\/h3>\n\n\n\n<p>When there is a limitation in using visual components, GIFs are a blessing. Be it a short video or multiple images, GIFs are a great way to work around with emails. There are plenty of ways to get creative with GIFs to enhance your subscriber\u2019s experience when they read your email.<\/p>\n\n\n\n<p>This email by Sambag has replaced 5 images with one GIF, which highlights all the elements that needed to be conveyed. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"1120\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/3-GIF-Sambag.gif\" alt=\"\" class=\"wp-image-18433\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Maintain the ratio of image and text<\/h3>\n\n\n\n<p>It is important to keep in mind that you need to have <a href=\"https:\/\/mailchimp.com\/help\/common-html-mistakes\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\" (opens in a new tab)\">80:20<\/a>&nbsp; text to image ratio in emails, 80% text and 20% images. One reason is that an email without a balanced text and image will trigger red flags and it might end up in the spam folder. This is the safest ratio to maintain, keeping in mind that all email clients have different spam criteria. <\/p>\n\n\n\n<p>Another reason is that, content from the\nimages in the mail will not reflect in the search results in the email client.\nAnd that will hinder the process of possible engagement. Keep your copy\nconsistent, conversational and to the point.<\/p>\n\n\n\n<p>Check out these emails to see the difference\nbetween image-heavy messages and their cleaner, clearer cousins.<\/p>\n\n\n\n<p>Image-heavy:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"745\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/4-Image-heavy-example.png\" alt=\"\" class=\"wp-image-18434\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/4-Image-heavy-example.png 336w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/4-Image-heavy-example-135x300.png 135w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/4-Image-heavy-example-63x140.png 63w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/figure><\/div>\n\n\n\n<p>Better:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"439\" height=\"595\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/5-Better-email.jpg\" alt=\"\" class=\"wp-image-18435\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/5-Better-email.jpg 439w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/5-Better-email-221x300.jpg 221w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/5-Better-email-103x140.jpg 103w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Avoid key copy in\nimages<\/h3>\n\n\n\n<p>If your key copy or primary message of the mail is itself an image and due to some reason if the image is broken or blocked, you won\u2019t be able to convey the basic information about your email. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adapt a defensive design<\/h3>\n\n\n\n<p>One-third of your emails are likely to be opened with images disabled. <a href=\"https:\/\/email.uplers.com\/blog\/dos-and-donts-alt-text-in-emails\/\">ALT text in email<\/a> is the text that displays if an image doesn\u2019t show. When images don\u2019t display\u2014or when a subscriber relies on a screen reader to read your email\u2014it\u2019s the ALT text that makes your content accessible and provides your subscriber with the context they need to understand your message.<\/p>\n\n\n\n<p>\n\nThis mail has no ALT text, see how the mail looks when images are disabled or broken. \n\n<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"823\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/6-zoo-without-images.png\" alt=\"\" class=\"wp-image-18436\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/6-zoo-without-images.png 566w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/6-zoo-without-images-206x300.png 206w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/6-zoo-without-images-96x140.png 96w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/figure><\/div>\n\n\n\n<p>This mail is a nightmare for an <a href=\"https:\/\/influencermarketinghub.com\/email-design-tools\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">email marketer<\/a>. The same email when enabled with pictures, looks like this.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"838\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/7-zoo-with-images.png\" alt=\"\" class=\"wp-image-18437\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/7-zoo-with-images.png 574w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/7-zoo-with-images-205x300.png 205w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/7-zoo-with-images-96x140.png 96w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/figure><\/div>\n\n\n\n<p>Using clear and appropriate ALT text on images. Ensure your email is readable and gets the point across, even without images. Styling your ALT text just gives you an opportunity to grab your reader\u2019s attention, even if images are disabled.<\/p>\n\n\n\n<p>This\nis an example of how a standard ALT text and styled ALT-text would look.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"94\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/8-great-deals-text.jpg\" alt=\"\" class=\"wp-image-18438\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/8-great-deals-text.jpg 316w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/8-great-deals-text-300x89.jpg 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><figcaption> Standard ALT text <\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"92\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/9-great-deals-styled.jpg\" alt=\"\" class=\"wp-image-18439\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/9-great-deals-styled.jpg 314w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/9-great-deals-styled-300x88.jpg 300w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><figcaption> Styled ALT text <\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Use Bulletproof\nButtons<\/h3>\n\n\n\n<p>The most important aspect of an email campaign is getting people to interact and here\u2019s where the call-to-action, or CTA, is critical. Because of&nbsp;image-blocking in most email clients, image-based CTAs are not advised and aren\u2019t used by most email marketers. If your CTAs are contained within images, there is a good chance that many subscribers are missing out on your message. Even worse, they aren\u2019t interacting with your campaigns.<\/p>\n\n\n\n<p>Bulletproof buttons allow you to build buttons with code instead of images.&nbsp;Using Vector Markup Language<a href=\"https:\/\/litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\" (opens in a new tab)\"> (VML), Padding or Border<\/a>&nbsp; based buttons for calls-to-action is vastly superior to relying on images. Even in email clients that block images, bulletproof buttons ensure that your message will be clear to your audience, increasing the likelihood of your subscribers interacting with your emails.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Test your emails<\/h3>\n\n\n\n<p>While\ncreating mails, one should always keep in mind the number of mobile users.\nWhile it may be time-consuming to test out your emails for&nbsp;all&nbsp;email\nclients, you&#8217;ll want to test them for the ones your audience uses the most. If\nyour email marketing tool lets you, go ahead and preview what your email looks\nlike in different email clients and devices that are popular with your\naudience. <\/p>\n\n\n\n<p>You can also preview your email with images disabled, so that you can know what the recipient would be seeing if images are blocked or broken. Sending out a test version of your email before you send out the real deal to ensure it&#8217;s working properly is a smart way to ensure a <a href=\"https:\/\/email.uplers.com\/blog\/tips-for-successful-email-marketing-campaign\/\" target=\"_blank\" rel=\"noreferrer noopener\">successful email campaign<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrap\nUp<\/h2>\n\n\n\n<p>The lesson you take away from this should be\nthat you don\u2019t need to use only images to achieve consistent results with HTML\nemail. Enhancing your subscriber\u2019s or prospect\u2019s email experience with\ndeliverable images might require a bit more effort up front, but they will be\nmore effective, and you\u2019ll reap rewards in the long run.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re an email marketer, by now you would have known that an email might not always turn out like how you expected. When it comes to sending emails, it could get very tempting to use images in place of text to overcome the coding hassles of emails. However, with most email clients blocking your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18440,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381],"tags":[1057,1062,1061,32,301,111,1060,1059,1056,97,1058],"class_list":["post-18430","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design","tag-alt-text","tag-bulletproof-button","tag-defensive-design","tag-email-design","tag-email-design-tips","tag-email-testing-2","tag-gifs","tag-image-block","tag-image-heavy-emails","tag-images-in-email","tag-spam-trigger"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sending image-heavy emails the right way - Email Uplers<\/title>\n<meta name=\"description\" content=\"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sending image-heavy emails the right way - Email Uplers\" \/>\n<meta property=\"og:description\" content=\"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-05T12:09:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-12T11:54:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails-540x282.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kevin George\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin George\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/\",\"name\":\"Sending image-heavy emails the right way - Email Uplers\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg\",\"width\":\"1170\",\"height\":\"470\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sending image-heavy emails the right way\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\",\"name\":\"Kevin George\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"caption\":\"Kevin George\"},\"description\":\"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-george-email\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sending image-heavy emails the right way - Email Uplers","description":"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.","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:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/","og_locale":"en_US","og_type":"article","og_title":"Sending image-heavy emails the right way - Email Uplers","og_description":"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.","og_url":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2020-03-05T12:09:23+00:00","article_modified_time":"2024-03-12T11:54:18+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails-540x282.jpg","type":"image\/jpeg"}],"author":"Kevin George","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Kevin George","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/","url":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/","name":"Sending image-heavy emails the right way - Email Uplers","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"Read here to know more about how you can optimize the images and make the most of them in your email design by just keeping a few things in mind.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/03\/Feature-Image_Image-Heavy-Emails.jpg","width":"1170","height":"470"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/sending-image-heavy-emails-the-right-way\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sending image-heavy emails the right way"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa","name":"Kevin George","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","caption":"Kevin George"},"description":"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-george-email\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/18430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=18430"}],"version-history":[{"count":24,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/18430\/revisions"}],"predecessor-version":[{"id":38717,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/18430\/revisions\/38717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/18440"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=18430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=18430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=18430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}