The Emailing Experience

Como ya sabes, la mayoría de los actuales clientes de correo electrónico (tanto webmails como de escritorio) deshabilitan por defecto las imágenes de los correos. A menos que tus destinatrios lo permitan o te añadan a su lista blanca, las imágenes no se mostrarán por pantalla.

Esto es un desafío para los diseñadores de contenidos para e-mail, ya que deberán tener este hecho en cuenta y crear diseños que funcionen bien incluso cuando las imágenes no se visualizan.

Una forma rápida de probar tus creatividades cuando las imágenes no se visualizan es utilizar un par de herramientas para desarrolladores Web. De hecho ambas son muy similares, pero deberás escoger una u otra en función del navegador que utilices (Firefox o IE). Estas herramientas son muy potentes y obligatorias para todo buen desarrollador web. Ambas poseen muchas características pero no me voy a poner a describirlas ahora. Fíate de mi y pruébalas. Me ceñiré al par de cosas que te ayudarán a probar tus diseños.

Si usas Internet Explorer existe una herramienta llamada IE Developer Toolbar que puedes descargarte desde aquí. Una vez instalad te mostrará un botón con una flecha en la barra de herramientas de IE:

Si pulsas en él se mostrará una ventanita adicional en la parte inferior de la ventana de IE, con un montón de opciones. Busca el menú imágenes como se muestra en la figura:

Si deshabilitas las imágenes tendrás una visualización inmediata de cómo se verá tu diseño en un cliente de correo que no permita su visualización. Incluso puedes odificar tu HTML directamente en la ventana de la herramietna para ver los cambios en tiempo real y probar opciones de mejora.

Hay una herramienta muy similar disponible para Firefox, y su uso es aún más sencillo. Se llama "Web Developer" y la puedes descargar e instalar desde aquí. Una vez instalada te mostrará una barra de herramientas ancha justo encima de la página actual, con una gran cantidad de botones y menús orientados al desarrollador web. La característica equivalente en esta herramienta se encuentra ubicada en el menú "Images":

Esto ha sido sólo un truco rápido de cómo probar tus diseños son imágenes, pero si tienes conocimientos de HTML/CSS y le das una oportunidad a estas herramientas, en cuanto empieces a rascar la superficie verás que tienen muchas características fantásticas que te facilitarán mucho el trabajo.

Publicaciones relacionadas