Saltar al contenido

Imágenes base64 a gmail

Después de mucho batallar pudimos encontrar la respuesta de este enigma que algunos lectores de este sitio web han tenido. Si quieres compartir alguna información no dejes de compartir tu conocimiento.

Solución:

Los enlaces de Moin Zaman muestran resultados de pruebas que están desactualizados (desde 2008). A partir de mi prueba exhaustiva de hoy, Gmail admite la visualización de imágenes incrustadas para ambos métodos.

Use la imagen de codificación base64 en línea dentro de


Usar imagen codificada en base64 como archivo adjunto

Message-ID: [email protected]>
Accept-Language: en-US
Content-Language: en-US
X-MS-Has-Attach: yes
X-MS-TNEF-Correlator:
x-originating-ip: [xxx.xxx.xxx.xxx]

Content-Type: multipart/related;
    boundary="_038_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_";
    type="multipart/alternative"
MIME-Version: 1.0
Return-Path: [email protected]
X-OriginatorOrg: example.com

--_038_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_
Content-Type: multipart/alternative;
    boundary="_000_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_"

...skipping Content-Type: text/plain which would be here for this example...

--_000_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_
Content-Type: text/html; charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

[email protected]">

--_000_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_--

--_038_BE0243A40B89D84DB342702BC5FD6D313EA3BE1BBYMAIL_
Content-Type: image/png; name="image001.png"
Content-Description: image001.png
Content-Disposition: inline; filename="image001.png"; size=32756;
    creation-date="Mon, 08 Oct 2012 15:27:07 GMT";
    modification-date="Mon, 08 Oct 2012 15:27:07 GMT";
Content-ID: <[email protected]>
Content-Transfer-Encoding: base64

iVBORw0KGgoAAAANSUhEUgAAA9QAAADmCAIAAAC77FroAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAO
xAAADsQBlSsOGwAAf5lJREFUeF7tvQlgVdW18L+ZR20mpsSLCYlBQKwgwRCMr9TAqzg0CAl98Y9a
ikBfHxL1A/r0tUr77Feg1mDav4LUijxTk8hLRIstQ2mJhEiAWAEpNCGRa8KUSQXCzLf2cOZz7j33
5s5Zx6j3nruHtX97n33WWWfttbtdv36d4IEEkAASQAJIAAkgASSABJCA/wl0938VWAMSQAJIAAkg
ASSABJAAEkAClAAq3zgOkAASQAJIAAkgASSABJBAgAig8h0g0FgNEkACSAAJIAEkgASQABJA5RvH
...

Para realizar sus propias pruebas, puede enviar un correo electrónico con una imagen incrustada en línea utilizando una de las siguientes técnicas

  • Usando código creando sus propias cadenas de imagen base64
  • Habilite y use Google Lab para insertar imágenes
  • Pegue la imagen en el cliente de correo electrónico como Outlook 2010

Envíe un correo electrónico usando uno de los anteriores a su cuenta de Gmail, luego abra el correo electrónico en el cliente web de Gmail (cualquier navegador que funcione) y use la flecha hacia abajo junto al botón Responder para elegir la opción Mostrar original. Esto le mostrará cómo se recibe.

Creo que la mejor práctica es usar la imagen incrustada como método de archivo adjunto.

En mi prueba con Gmail Web Client, si enviaba 30 imágenes en un solo correo electrónico de diferentes tamaños, algunas no se cargaban correctamente y mostraban el contenedor de imágenes pero no la imagen. Si eso sucede, intente recargar la página.

En mis pruebas (Windows 7)…

  • Chrome (último) necesitó un par de recargas para cargar/mostrar con éxito las 30 imágenes
  • Opera (último) no mostraría con éxito las 30 imágenes independientemente de la cantidad de recargas
  • Firefox (último) mostró constantemente las 30 imágenes sin problemas
  • Internet Explorer 9 (último) mostró constantemente las 30 imágenes sin problemas
  • Safari (último) mostró constantemente las 30 imágenes sin problemas

No parece haber ninguna documentación oficial, pero Gmail definitivamente no es compatible con esto, en línea o como un archivo adjunto en base64.

Aquí hay algunas pruebas que intentó el monitor de campaña:
Incrustar imágenes en el correo electrónico
Incrustación de imágenes revisada

Asegúrese de configurar el tipo de contenido: multipart/mixed; , límite y codificación de transferencia de contenido: base64

Puntuaciones y reseñas

Nos puedes auxiliar nuestra labor exponiendo un comentario o valorándolo te estamos eternamente agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *