Consejos de HTML: Cómo Eliminar las Barras Blancas y Márgenes en su Email HTML

Al codificar un boletín con HTML, hay varios clientes de email que usted debe tener en cuenta y cada uno tiene una forma ligeramente diferente de manejar las imágenes. Si usted está usando Hotmail, Gmail o Outlook usted puede haber notado una banda fina de color blanco o un margen de división o varias de las imágenes en su email HTML. Esto también parece ser un problema con los usuarios de Firefox, Safari, Opera y Chrome (aunque no Internet Explorer).

Para los usuarios de Hotmail, corregir el problema requiere la simple inserción del código siguiente en la parte superior de su archivo HTML:

<style>img {display:block}</style>

Si usted está utilizando Gmail, un código adicional se requiere para las imágenes individuales. Dentro de la imagen HTML, agregue este código:

<img style=”display:block” src=”exampleimage.jpg” alt=”example” />

Google ha alterado la forma en que muestra las imágenes a mediados de 2010, que es cuando estos márgenes comenzaron a aparecer. Así que asegúrese de pasar por todo, y por cada una, de sus plantillas de email y boletines informativos que usted sigue utilizando en este momento. Así mismo, asegúrese de enviar emails de prueba para múltiples clientes de email y abrirlos con diferentes navegadores y hardware siempre que sea posible para asegurar que su boletín se muestra correctamente.

Para obtener más información sobre la participación de varios exploradores, haga clic en el enlace para aprender a Examinar Sus Campañas de Email para Legibilidad.