What is Data URI support like in major email client software?

html email html-email email-client data-uri
joelhardi picture joelhardi · May 20, 2011 · Viewed 25.6k times · Source

Data URIs are a standard way to embed images and other binary data in HTML, and browser support is well documented on the web. (IE8 was the first version of IE to support Data URI, with a max 32 KB size per URI; other major browsers have supported it even longer.)

My question is about desktop email and webmail client software.

When building HTML email, standard practice is either to include images as attachments or load them externally (i.e. tracking images). Both of these have disadvantages (some clients list all of these attached files, while many rightly block or require user action to see external images). So, Data URI looks like a good way to go, but only if it's supported by email readers.

So, does anyone have a link to a recent study of support for this feature? Or investigated this at all? For example, here's an overview of CSS support. Client software I'd be interested includes:

Desktop (including version info): Outlook, Apple Mail, Thunderbird, Evolution, Lotus Notes, AOL, Eudora

Webmail: Gmail, Live/Hotmail, Yahoo! Mail, AOL

Mobile: Android, iPhone

Answer

Derek Ahmedzai picture Derek Ahmedzai · Feb 17, 2012

I've done a more recent test at Litmus, with data URIs for inline <img> elements and css background images.

These desktop clients do show data URIs:

  • Apple Mail 5
  • Apple Mail 6
  • Lotus Notes 8
  • Outlook 2003
  • Thunderbird 3.0
  • Thunderbird latest

These mobile clients do show data URIs:

  • Android 2.3
  • Android 4.0
  • BlackBerry 5 OS
  • iPad
  • iPhone 3GS
  • iPhone 4S
  • iPhone 5

None of the webmail clients showed data URIs.

These desktop clients don't:

  • Lotus Notes 6.5
  • Lotus Notes 7
  • Lotus Notes 8.5
  • Outlook 2000
  • Outlook 2002/XP
  • Outlook 2007
  • Outlook 2010
  • Outlook 2011
  • Outlook 2013

These mobile clients don't:

  • Gmail (Android)
  • Outlook.com (Android)
  • Yahoo (Android)
  • BlackBerry 4 OS
  • Symbian
  • Windows Phone 7.5

Related questions

Is there an equivalent of CSS max-width that works in HTML emails?

I'm trying to create an HTML email that will display properly in all widely used email clients. I'm wrapping the whole email in a table, and I'd like it to have a width that is up to 98% of the available …

Read More
What tools to automatically inline CSS style to create email HTML code?

When you take a look at http://www.campaignmonitor.com/css/ you learn that you need to embed inline styles in your HTML, in order for your email to be read in any mail client. Do you know any tools …

Read More
When creating HTML emails, should we use html, head, body tags?

In my email views, I usually just do something like... <dl> <dt>Name</dt> <dd>Value</dd> </dl> Should I be doing it like this? <html> &…

Read More