data html email html-email email-client data-uri

html - data:image/png;base64



¿Cómo es el soporte de URI de datos como en el software principal de cliente de correo electrónico? (4)

Los URI de datos son una forma estándar de incrustar imágenes y otros datos binarios en HTML, y el soporte del navegador está bien documentado en la web. (IE8 fue la primera versión de IE en admitir el URI de datos, con un tamaño máximo de 32 KB por URI, otros navegadores más importantes lo han soportado aún más).

Mi pregunta es sobre el correo electrónico de escritorio y el software del cliente de correo web.

Al crear correo electrónico HTML, la práctica estándar es incluir imágenes como archivos adjuntos o cargarlos externamente (es decir, seguir imágenes). Ambos tienen desventajas (algunos clientes enumeran todos estos archivos adjuntos, mientras que muchos bloquean correctamente o requieren acción del usuario para ver imágenes externas). Por lo tanto, el URI de datos parece un buen camino a seguir, pero solo si es compatible con lectores de correo electrónico.

Entonces, ¿alguien tiene un enlace a un estudio reciente de soporte para esta función? O investigado esto en absoluto? Por ejemplo, aquí hay una descripción general del soporte de CSS . El software del cliente que me interesaría incluye:

Escritorio (incluida la información de la versión): Outlook, Apple Mail, Thunderbird, Evolution, Lotus Notes, AOL, Eudora

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

Móvil: Android, iPhone


Acabo de probar GMail, y parece que GMail ya no admite URI de datos.

Además, gmx.de (un proveedor de correo web alemán muy popular) convierte los URI de imagen a un URI en su servidor, y esto no parece ser compatible con los URI de datos.


No puedo responder la pregunta sobre el soporte de datos-uri directamente, pero el soporte para algo como esto a menudo es muy malo en los navegadores de correo electrónico. El problema realmente se extiende desde muchos de ellos que usan sus propios motores de renderización reducidos que no son completos renderizadores html. En un sistema en el que todavía es preferible usar un diseño basado en tablas para garantizar que los correos electrónicos sean legibles, no trataría de hacer nada inteligente.

Sin embargo, es posible que ya sepa que el correo electrónico permite dos tipos de archivos adjuntos. Si marca un archivo adjunto como en línea, tiende a no aparecer en la lista de archivos adjuntos (aunque a menudo lo hace).

Personalmente, creo que garantizar la legibilidad del correo electrónico es mejor que su presentación y, obviamente, el otro enfoque de las imágenes remotas no ayuda aquí.


URI de datos de Mac Mail, Outlook 2003 y MobileMe. No estoy seguro acerca de los otros clientes, pero puede averiguarlo fácilmente: cree un nuevo mensaje en Gmail, haga clic en ''insertar imagen'', luego haga clic en ''usar una URL'' y pegue el URI de datos. Luego, envíelo a varias direcciones y ábralo en los clientes que desee.


Hice una prueba más reciente en Litmus , con URI de datos para elementos <img> línea e imágenes de fondo CSS.

Estos clientes de escritorio muestran URI de datos:

  • Apple Mail 5
  • Apple Mail 6
  • Lotus Notes 8
  • Outlook 2003
  • Thunderbird 3.0
  • Thunderbird más reciente

Estos clientes móviles muestran URI de datos:

  • Android 2.3
  • Android 4.0
  • BlackBerry 5 OS
  • iPad
  • iphone 3gs
  • iphone 4s
  • iphone 5

Ninguno de los clientes de correo web mostró URI de datos.

Estos clientes de escritorio no:

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

Estos clientes móviles no:

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