Incrustar imágenes html-mail

Incrustar imágenes en el correo HTML

Integración de logotipos (por ejemplo en firma)

Hay varias formas de incluir una imagen (logotipo) en un correo electrónico. Puede vincular a una imagen, incrustarla o usar etiquetas CID. Las etiquetas CID ya no son compatibles con MailCenter. Independientemente del método que elija, se aplican las siguientes reglas. Menos es más (los profesionales del marketing, por supuesto, lo verán de manera diferente).

En otras palabras, cuantas menos imágenes uses, mejor será el rendimiento. Comprima imágenes y compruebe los formatos y tamaños utilizados. Independientemente del método que elija para incrustar e incrustar, debe probar sus correos electrónicos antes de enviarlos.

Incrustar en línea con la codificación Base64

La imagen está completamente incluida en el correo electrónico

La incrustación de imágenes en el correo electrónico requiere una cadena codificada en Base64. Entonces, primero, convierta la imagen al formato BASE64. Una vez que su imagen esté codificada, insértela en el correo electrónico con una etiqueta de imagen HTML estándar.

Siga los pasos a continuación para incrustar imágenes en sus correos electrónicos en línea con la codificación Base64.

  1. Reduzca el tamaño de la imagen para mantener el correo electrónico lo más pequeño posible
  2. Convierta la imagen a una codificación Base64. Puede encontrar los convertidores gratuitos correspondientes en la web.

Ventaja

  • Sencillo

Desventajas

  • Puede aumentar el tamaño de los correos electrónicos
  • Mayor riesgo de bloqueo

Ejemplos HTML – Incrustar imagen con codificación Base64

  • Ejemplo 1 – con enlace a un sitio web
  • Ejemplo 2 – Cambiar el tamaño de la imagen html

Incrustación a través de un enlace

Así lo hace AMAZON & Co

Si echamos un vistazo a los correos electrónicos de Amazon, vemos que las imágenes de estos correos electrónicos se incluyen a través de un enlace URL.
«NO APRENDAS DE NADIE. APRENDE DE LOS MEJORES.», TÜV SÜD Academy, 2022

Siga los pasos a continuación para incluir imágenes en sus correos electrónicos a través del enlace.

  1. Reducir el tamaño de la imagen para que la menor cantidad de datos posible tenga que pasar por la red
  2. Sube las imágenes a un directorio de tu servidor o a cualquier otra carpeta pública en la nube
  3. Asegúrate de que la imagen esté disponible públicamente
  4. Enlace a las imágenes en su correo electrónico HTML con la ruta url completa

Ventajas

  • Mantiene el tamaño del correo electrónico pequeño
  • Requiere poco esfuerzo adicional
  • Le permite realizar cambios en las imágenes después de enviarlas

Desventajas

  • A veces sufre de problemas de bloqueo con algunos servicios
  • Requiere descarga desde servidores externos

Ejemplo HTML – Insertar imagen con enlace URL

Integración vía CID

Las imágenes CID son una forma algo obsoleta de incrustar imágenes en correos electrónicos HTML.
La imagen se adjunta al correo electrónico y se vincula a él con una etiqueta HTML en el correo electrónico. Cuando el usuario abre el correo electrónico, la imagen se incrusta en el correo electrónico.

Ejemplo HTML – Insertar imagen a través de CID

Ejemplos de SAP ABAP