notas - mostrar imagen en html

La imagen HTML no se muestra en Gmail

Question

Enviaré un boletín por correo electrónico en HTML. Dentro del HTML tengo algo así como

<img height=''70'' width=''70'' style=''display:block'' src=''myDomain.com/imageName.png''>

Cuando abro el boletín con Thunderbird o Outlook, la imagen se muestra. Sin embargo, cuando lo abro con Gmail, no se muestra ninguna imagen. No estoy seguro si se trata del proxy que usa Gmail por razones de seguridad o si se trata de algo más. De cualquier manera, me gustaría saber si alguien alguna vez se encontró con esto y, de ser así, cómo se resolvió.

Answer 1

Es posible que los haya desactivado en su configuración de Gmail, aquí está el enlace para cambiarlos https://support.google.com/mail/answer/145919?hl=en

También gmail puede estar bloqueando las imágenes pensando que son sospechosas.

del enlace de arriba

Cómo Gmail hace que las imágenes sean seguras

Algunos remitentes intentan utilizar imágenes vinculadas externamente de forma perjudicial, pero Gmail toma medidas para garantizar que las imágenes se carguen de forma segura. Gmail sirve todas las imágenes a través de los servidores proxy de imágenes de Google y las transcodifica antes de la entrega para protegerlo de las siguientes maneras:

Los remitentes no pueden usar la carga de imágenes para obtener información como su dirección IP o ubicación. Los remitentes no pueden configurar ni leer cookies en su navegador. Gmail verifica sus imágenes en busca de virus o malware conocidos. En algunos casos, los remitentes pueden saber si una persona ha abierto un mensaje con enlaces de imagen únicos. Como siempre, Gmail escanea cada mensaje para detectar contenido sospechoso y, si Gmail considera que un remitente o un mensaje es potencialmente sospechoso, las imágenes no se mostrarán y se le preguntará si desea ver las imágenes.

Answer 2

Google solo permite imágenes provenientes de fuentes de confianza.

Así que resolví este problema alojando mis imágenes en Google Drive y usando su url como fuente para mis imágenes.

Ejemplo: con: http://drive.google.com/uc?export=view&id=FILEID ''>

para formar la URL, consulte aquí .

Answer 3

HTTP o HTTPS deben ser direcciones completas

background-image: url ( http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg )

var mailOptions = {
from: ''[email protected]'',
to: emails,
subject: ''i super another ma node mailer cool test'',
text: ''That was easy!'',
html: ''<a href="//google.com"><div style="background-image: url(http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg);width:500px;height:500px">ascfas</div></a>''
};

Answer 4

Intente agregar propiedades title y alt a su imagen ... Gmail y algunos otros bloquean imágenes sin algunos atributos ... y también es una lógica incluir su correo electrónico para que se lea como spam.

Answer 5

Tarde en la fiesta, pero aquí va ... También he experimentado este problema y se resolvió con lo siguiente:

• Incluyendo el esquema en la url src (usando "//" no funciona - use esquema completo EG: "https: //")
• Incluyendo atributos de ancho y altura
• Incluye el atributo style = "display: block"
• Incluyendo los atributos alt y title

P.EJ:

<img src="https://static.mydomain.com/images/logo.png" alt="Logo" title="Logo" style="display:block" width="200" height="87" />

Answer 6

Verifique también su codificación: Google codifica espacios como + lugar de %20 . Esto puede provocar un enlace de imagen no válido.