{"id":788,"date":"2011-09-20T12:26:55","date_gmt":"2011-09-20T12:26:55","guid":{"rendered":"https:\/\/www.chitrangana.com\/?p=788"},"modified":"2011-09-21T15:29:17","modified_gmt":"2011-09-21T15:29:17","slug":"image-blocking-in-email-clients-current-conditions-and-best-practices","status":"publish","type":"post","link":"https:\/\/www.chitrangana.com\/Consultant\/image-blocking-in-email-clients-current-conditions-and-best-practices\/","title":{"rendered":"Image Blocking in Email Clients: Current Conditions and Best Practices"},"content":{"rendered":"

Many people, either by email client defaults or personal preference, are blocking images in the HTML-formatted messages they are accepting. And then there are a small number of people who block HTML entirely. As Nitin Lodha points out, according to a study by Team Chitrangana 30% of your recipients don\u2019t even know that images are disabled. In any case, it\u2019s logical for recipients to block images and good practice for us to prepare for this scenario.<\/p>\n

So what happens to our emails when images are blocked? What are the best practices for ensuring accessibility and optimizing presentation therein? What are default settings across the board? Let\u2019s get down to answering these questions.<\/p>\n

Default Settings in Popular Email Clients<\/h3>\n

Every client has its own default settings regarding displaying\/hiding images. And while most email clients have a setting to turn images on or off, some offer conditional settings which are contingent upon known senders or other factors. The following table outlines the default settings of popular desktop- and webmail-clients. (Note that I\u2019m reporting the settings of my personal versions of each client and that settings may differ from one version to another.). I have included contextually-relevant references to ALT text as part of this article. For a more in-depth look at how ALT text renders in popular email clients, you may want to read a more comprehensive article I wrote about ALT text.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n
Image Blocking in Webmail Clients<\/th>\n<\/tr>\n
Client<\/th>\nDefault Img Display<\/th>\nTrusted-Sender Img Display<\/th>\nRenders ALT Text<\/th>\n<\/tr>\n
Yahoo Mail<\/td>\non<\/td>\n\"No\"<\/td>\n\"No\"<\/td>\n<\/tr>\n
Yahoo Mail Beta<\/td>\non<\/td>\n\"Yes\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
Windows Live Mail<\/td>\noff<\/td>\n\"Yes\"<\/td>\n\"No\"<\/td>\n<\/tr>\n
Gmail<\/td>\noff<\/td>\n\"Yes\"<\/td>\nsometimes<\/td>\n<\/tr>\n
.Mac<\/td>\non<\/td>\n\"No\"<\/td>\nsometimes<\/td>\n<\/tr>\n
Hotmail<\/td>\non<\/td>\n\"Yes\"<\/td>\n\"No\"<\/td>\n<\/tr>\n
AOL<\/td>\non<\/td>\n\"Yes\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Image Blocking in Desktop Clients<\/th>\n<\/tr>\n
Client<\/th>\nDefault Img Display<\/th>\nTrusted-Sender Img Display<\/th>\nRenders ALT Text<\/th>\n<\/tr>\n
Apple Mail<\/td>\non<\/td>\n\"No\"<\/td>\n\"No\"<\/td>\n<\/tr>\n
Thunderbird<\/td>\non<\/td>\n\"Yes\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
Outlook 2007<\/td>\noff<\/td>\n\"Yes\"<\/td>\nsort of<\/td>\n<\/tr>\n
Outlook 2003<\/td>\noff<\/td>\n\"Yes\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
Outlook Express<\/td>\non<\/td>\n\"No\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
Lotus Notes<\/td>\non<\/td>\n\"Yes\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
Eudora<\/td>\non<\/td>\n\"No\"<\/td>\nsort of<\/td>\n<\/tr>\n
Entourage<\/td>\non<\/td>\n\"No\"<\/td>\n\"Yes\"<\/td>\n<\/tr>\n
AOL<\/td>\noff<\/td>\n\"Yes\"<\/td>\n\"No\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

So now that we\u2019ve covered the settings in popular email clients, let\u2019s outline how we can help our emails survive image blocking.<\/p>\n

Recommendations for Successful Deployment<\/h3>\n

From my perspective, an email is successful when it meets the following goals:<\/p>\n

    \n
  • Retains visual integrity in the most commonly used email clients with images enabled.<\/li>\n
  • Retains readability in the most commonly used email clients with images disabled.<\/li>\n
  • Is readable to people with visual disabilities and navigable to people with mobility disabilities.<\/li>\n
  • Is low in weight for recipients using mobile devices and dial-up connections.<\/li>\n
  • Is deployed to a permission-based list of subscribers.<\/li>\n
  • Meets CAN-SPAM Act requirements.<\/li>\n
  • Legitimately passes common tests employed by spam filters.<\/li>\n
  • Looking at this list it becomes clear just how important it is to consider<\/li>\n<\/ul>\n

    Become a \u201cKnown Sender\u201d<\/h3>\n

    Nearly every email client in my test suite enables people to automatically display images when a message is from a \u201cknown sender\u201d (senders appearing in white lists, contact lists or address books). Because our subscribers have requested to receive emails from us, they will naturally want to ensure they receive the messages. Spam filters can disrupt legitimate communication when subscribers are unaware of how they function. With a couple, simple notifications we can increase our chances of success:<\/p>\n

      \n
    • Ask a subscriber to add the email-list address to their address book (right on the subscribe form) and briefly explain why.<\/li>\n
    • Enable a double opt-in subscription process, and send a plain-text confirmation which includes a request to add the email-list address to a recipient\u2019s address book. And, again, briefly explain why.<\/li>\n<\/ul>\n

      Informing a subscriber about this simple step will increase our chances of images being enabled and will help us legitimately pass through spam filters.<\/p>\n

      Prepare for Disabled Images<\/h3>\n

      So we\u2019ve created a structurally-sound template, we\u2019re preparing to send our email to a permission-based list of subscribers and we\u2019ve taken steps to see our list email-address into the address books of the said subscribers. There are still a number of people on our lists who will intentionally block images, and therefore we should account for that scenario.<\/p>\n

      I wrote an article outlining a technique for this very purpose. With the releases of Yahoo Mail Beta and Windows Live Mail we lose the ability to integrate the aforementioned technique. However, Ryan Kennedy from the Yahoo Mail team has pointed out that they are looking into potential resolutions for this obstacle.<\/p>\n

      Positioning aside, there are some things we can do to retain the integrity of our emails when images are disabled:<\/p>\n

        \n
      • Begin an email with HTML text or logical ALT text<\/strong>. We can decide what a reader sees in a preview pane or small message-window. If we\u2019re prepared, we can optimize the experience of scanning messages. Moreover, some applications offer the ability to preview the first few lines of text before an email is loaded\/viewed.<\/li>\n<\/ul>\n
          \n
        • Use ALT text.<\/strong> This seems so obvious I\u2019m almost embarrassed mentioning it. However, I don\u2019t have enough fingers and toes to count the email newsletters I receive sans ALT text, so there it is.<\/li>\n<\/ul>\n
            \n
          • Use captions for contextually-important images.<\/strong> In lieu of proper support for ALT text across the board, we can add captions to images which are vitally important to the content of an email.<\/li>\n<\/ul>\n

            Avoid Image-Based Emails<\/h3>\n

            Again, this is something which should seem obvious. But image-based emails are often practiced as a simple, easy method of delivering a pretty design irrespective of the rendering circus among the array of common email-clients. When we ponder image blocking as part of the rendering equation, it\u2019s easy to see how an image-based email could be completely destroyed with a single preference. Furthermore, this doesn\u2019t take into consideration file sizes for mobile\/dial-up recipients, accessibility for those visually impaired or the HTML-to-text ratio that popular spam filters apply with their algorithms.<\/p>\n

            In summary, we should be giving serious consideration to image-blocking and what we can do about it. It\u2019s natural and reasonable why people disable them, but with the right approach we can improve the experience for our subscribers.<\/p>\n","protected":false},"excerpt":{"rendered":"

            Many people, either by email client defaults or personal preference, are blocking images in the HTML-formatted messages they are accepting. And then there are a small number of people who block HTML entirely. As Nitin Lodha points out, according to a study by Team Chitrangana 30% of your recipients don\u2019t even know that images are […]<\/p>\n","protected":false},"author":1,"featured_media":798,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/posts\/788"}],"collection":[{"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":0,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/media\/798"}],"wp:attachment":[{"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chitrangana.com\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}