Les articles du dossier
Les experts du dossier

Dossier special

Emailing HTML: cómo quitar espacio entre imágenes

Emailing HTML

Hemos puesto dos imágenes, una bajo la otra, y el código se ve perfecto en el navegador. Pero al enviar una prueba del email con nuestra plantilla HTML Mailify se ve un espacio horrible. ¿Qué podemos hacer?

\\ Ejemplo de espacio negro entre imágenes descuadradas

¿Cómo eliminar ese espacio entre imágenes en el emailing HTML?

Hay que tener cuidado: un email no se desarrolla como una página web por lo que el reto es grande. Hay que generar un código compatible con todos los buzones de correo electrónico. Cada uno interpreta el HTML y el CSS como quiere. En realidad, se parece bastante al desarrollo de páginas HTML… en 1998.

Basta añadir un  style=”display:block;” a las imágenes para evitar espacios debajo de ellas.

Otras recomendaciones complementarias para las imágenes de tu plantillas en emailing HTML

  • - Incluir las dimensiones (height y width)
  • - Utilizar referencias absolutas y no relativas (usar src=”www.misitio.es/imagenes/logo.gif” en lugar de src=”/imagenes/logo.gif“)
  • - Poner las imágenes en tablas
     

Y, como no, puedes usar como modelo nuestras plantillas HTML del catálogo: http://Plantillas Mailify 

Recuerda que las plantillas de Mailify son totalmente personalizables y que además, son responsive. Su diseño responsive te asegura que tu emailing se lea sin ningún tipo de problema en cualquier dispositivo.

¿A qué esperas? ¡Prueba Mailify y haz el emailing más potente!

emailing

 

 

 

Publi-reportage - //20