Buscar..


Introducción

Las imágenes se pueden agregar a un correo electrónico como imágenes de primer plano o de fondo. Las imágenes se deben alojar de forma remota en un servidor web y enviarse a un correo electrónico utilizando rutas absolutas. Si bien es similar a la web, la sintaxis y las consideraciones pueden ser un poco diferentes.

Parámetros

Parámetros Detalles
align Especifica la alineación de una imagen en relación con los elementos circundantes.
alt Texto alternativo que se debe mostrar si, por algún motivo, no se pudo mostrar la imagen
border Cómo el elemento maneja las solicitudes de origen cruzado.
height Especifica la altura de la imagen (opcional)
src Especifica la URL de la imagen.
srcset Imágenes para usar en diferentes situaciones (por ejemplo, pantallas de alta resolución, monitores pequeños, etc.)
style Especifica estilos en línea para ser aplicados a un elemento.
usemap Nombre del mapa de imagen a utilizar.
width Especifica el ancho de la imagen.

Imágenes de primer plano

Las imágenes básicas de primer plano se pueden insertar en un documento de correo electrónico como lo son para las páginas web :

<img src="http://www.yourserver.com/email/images/logo.png">

Y se pueden hacer enlaces envolviéndolos en una etiqueta <a href> :

<a href="http://www.yourwebsite.com">
    <img src="http://www.yourserver.com/email/images/logo.png">
</a>

Los <img> correo electrónico utilizan muchos de los mismos atributos que en la web, incluidos algunos que están en desuso en la web , se incluyen en la parte inferior de esta página bajo Parámetros .


Use no utilice rutas de imagen relativas:

<img src="images/logo.gif">

✖ Es recomendable no utilizar base64. No es compatible con Outlook y puede aumentar rápidamente el tamaño del archivo de un correo electrónico, lo que activa los filtros de spam.

<img src="data:image/png;base64,iVBOR..." alt="Your Image">


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow