Correos electrónicos HTML vs. fragmentos de imágenes: ventajas y desventajas
Kristina Lauren
23 de septiembre de 2021
Los correos electrónicos vienen en todo tipo de formas, tamaños y formatos, algunos de los cuales se adaptan mejor a las preferencias de los numerosos clientes de correo electrónico que otros. Pero si ya has probado el diseño de correos electrónicos, puede que te hayas dado cuenta de que estos clientes no siempre son fiables a la hora de mostrar tus correos tal como los imaginabas. Entonces, ¿qué opciones tienes? En esta publicación, compararemos dos métodos principales de diseño de correos electrónicos (correos HTML y fragmentos de imagen) para ver cómo pueden optimizar o dificultar tu proceso de creación.
Correos electrónicos HTML
Los correos electrónicos HTML se crean y diseñan con lenguaje de marcado de hipertexto. Estos correos también se pueden crear con MJML, un framework muy similar a HTML, pero específico para el diseño de correos electrónicos. Para crear correos electrónicos desde cero, se necesita algún tipo de... HTML o MJML experiencia en codificación, pero también puede utilizar servicios que proporcionen plantillas de correo electrónico, o puede utilizar una empresa como Scalero para crear plantillas personalizadas para usted.
Rebanadas de imagen
Por otro lado, los fragmentos de imagen son correos electrónicos compuestos principalmente o en su totalidad por imágenes. Estos correos son bastante fáciles de crear, ya que normalmente no requieren programación y su diseño se mantiene estable independientemente del cliente de correo electrónico. Este tipo de correo electrónico es una opción más sencilla si eres principiante en diseño de correos electrónicos, tienes experiencia en diseño gráfico o te importa que los elementos de tu correo electrónico se visualicen de la misma manera independientemente del dispositivo o cliente de correo electrónico en el que se muestren.
¿Cuáles son las ventajas y desventajas de los correos electrónicos HTML?
Ventajas
-
Sensibilidad
Los correos electrónicos HTML te permiten crear campos dinámicos y optimizarlos para ordenadores y dispositivos móviles. Como resultado, tus suscriptores pueden disfrutar de mayor personalización, como ser recibidos por su nombre o recibir recomendaciones de productos, y los correos electrónicos se pueden ajustar al dispositivo que usan tus destinatarios.
-
Flexibilidad de diseño
Los correos electrónicos creados con HTML también son fáciles de manipular en cuanto a diseño. Si desea cambiar un elemento, como la imagen de un producto, un botón de llamada a la acción, el texto, el fondo o cualquier color del correo electrónico, puede hacerlo sin tener que diseñar uno completamente nuevo. Tampoco necesita ningún software de diseño: simplemente puede usar las plantillas proporcionadas por su herramienta de email marketing o muchas de las plataformas de programación disponibles de forma gratuita en la web. Para saber más sobre cómo empezar a diseñar correos electrónicos, consulte nuestro recurso. aquí .
-
Velocidad de carga
El tamaño del archivo de un correo electrónico HTML afecta directamente su tiempo de carga, pero los correos codificados suelen cargar mucho más rápido que los basados en imágenes. Incluso si nota que su código es demasiado largo, existen herramientas que puede usar para minimizar el tamaño total del archivo, lo que no solo aumentará la velocidad de carga, sino que también evitará que algunos clientes corten sus correos. Los correos recortados son un problema especialmente para los suscriptores de Gmail.
-
Las imágenes no son necesarias
Por supuesto, aún puedes usar imágenes en correos electrónicos HTML, pero como ya se mencionó, codificar tus correos te brinda mucha flexibilidad de diseño. Puedes usar una gama de colores vibrantes y manipular la estructura general de tus correos para realzar tu mensaje sin comprometer la capacidad de respuesta. Los suscriptores también pueden comprender el objetivo principal del correo electrónico, incluso si tienen activado el bloqueo de imágenes, gracias al texto codificado.
Desventajas
-
No hay soporte completo para todas las fuentes
La mayoría de los clientes de correo electrónico no son totalmente compatibles con fuentes que no son compatibles con la web, por lo que se recomienda encarecidamente usar fuentes compatibles con correo electrónico para garantizar que sus suscriptores puedan leer sus correos correctamente. Lamentablemente, esto significa que no debería personalizar fuentes para ningún texto importante, pero existen algunas opciones. Buenas opciones seguras para el correo electrónico Disponible que aún puede coincidir con la sensación de su marca.
-
Codificación para diferentes clientes de correo electrónico
El mundo del diseño de correos electrónicos es como el lejano oeste: los clientes de correo electrónico crean constantemente sus propias formas de renderizar, mientras que los diseñadores intentan mantenerse al día. Frameworks como MJML han facilitado un poco este proceso, pero si estás programando un correo electrónico HTML desde cero, es posible que te frustres rápidamente por la cantidad de trucos necesarios para que tu correo se visualice correctamente con varios clientes. Si eres nuevo en el mundo de la programación de correos electrónicos, aprender a implementar todos los trucos puede ser especialmente abrumador.
-
Es fácil cometer errores
Dada la cantidad de código que a veces se requiere para crear un correo electrónico atractivo, es común cometer errores durante el proceso de diseño, incluso para los desarrolladores más experimentados. Por ello, es necesario revisar constantemente los correos electrónicos para detectar errores insignificantes, pero también para garantizar que se visualicen correctamente en la gran mayoría de los clientes de correo electrónico que utilizan los suscriptores.
-
Más difícil de optimizar para el modo oscuro
El uso del modo oscuro ha ido ganando popularidad con los años, lo que ha obligado a muchos diseñadores de correo electrónico a crear una versión complementaria de sus correos electrónicos exclusivamente para este modo. La ventaja es que puedes controlar la apariencia de tu correo electrónico independientemente del modo, pero crear código adicional puede ser un engorro.
¿Cuáles son las ventajas y desventajas de los cortes de imagen?
Ventajas
-
Se necesita menos código
Con un correo electrónico con muchas imágenes o compuesto completamente de ellas, es posible que no necesites programar nada, o al menos muy poco. Básicamente, puedes crear el correo electrónico en un software de diseño con todo el texto y los gráficos dentro de las imágenes, sin preocuparte de que se mueva o se muestre de forma indeseada.
-
Las fuentes personalizadas son fáciles de implementar
Hemos enfatizado la importancia de las fuentes seguras para correo electrónico para la legibilidad de tus correos, pero en este caso, no son realmente necesarias. Como tu texto está dentro de una imagen, tienes la libertad de usar la fuente que quieras, lo que te permite usar fuentes personalizadas y mantener la identidad de tu marca.
-
Sin cambios en el modo oscuro
Independientemente de si tus suscriptores usan el modo claro u oscuro, tu correo electrónico con imágenes se verá igual, lo que significa que no habrá cambios de color. Sin embargo, al diseñar, debes asegurarte de que tus imágenes se vean bien en ambos modos.
Desventajas
-
No hay mucho espacio para la capacidad de respuesta
Dado que las imágenes son estáticas, no podrá incluir campos dinámicos para personalizarlas ni cambiar elementos del correo electrónico sin rediseñarlas. Además, la flexibilidad para optimizar un correo electrónico basado en imágenes para computadoras de escritorio o dispositivos móviles es limitada. No puede diseñar demasiado para ninguna de las dos ventanas, ya que corre el riesgo de afectar a la otra. Por ejemplo, el texto dentro de las imágenes puede aparecer demasiado pequeño en computadoras de escritorio o los gráficos pueden verse borrosos en dispositivos móviles. Sin embargo, una solución alternativa a este problema es usar dos imágenes del mismo bloque: una para computadoras de escritorio y otra para dispositivos móviles, lo cual es posible en la mayoría de los ESP.
-
Malo para la accesibilidad
La accesibilidad se ha vuelto imprescindible en el correo electrónico: los destinatarios esperan poder ajustar los correos a sus necesidades, especialmente en lo que respecta al texto, pero esto puede ser difícil o incluso imposible con correos con muchas imágenes. Cuando el texto está incrustado en un correo, los lectores de pantalla no podrán leerlo para los destinatarios que necesiten ayuda adicional. La falta de texto dinámico también dificultará que los destinatarios busquen el correo posteriormente; solo tendrán el asunto como referencia. Por eso es importante no solo usar texto alternativo, sino también asegurarse de que las partes más importantes del mensaje se representen como texto dinámico en algún lugar del correo.
-
Susceptible de ser marcado como spam
Los correos electrónicos basados completamente en imágenes corren un alto riesgo de ser bloqueados o enviados a la carpeta de spam por los clientes de correo electrónico. Esto se debe a que muchos spammers utilizan correos electrónicos con muchas imágenes para mantener sus mensajes ocultos. Si un cliente de correo electrónico no puede leer el correo, esto es una señal de alarma. Los clientes de correo electrónico están evolucionando para utilizar otros factores para determinar la legitimidad, pero usar texto en vivo para las partes más importantes del mensaje es la mejor opción.
-
Es posible que las imágenes (y el correo electrónico completo) no se carguen
No todos tus suscriptores tendrán activada la carga automática de imágenes. De hecho, muchos clientes de correo electrónico bloquean las imágenes por defecto por motivos de privacidad, y si tus suscriptores no saben cómo hacerlo o prefieren no mostrarlas, no podrán ver ningún gráfico. Si tu correo electrónico está compuesto exclusivamente de imágenes, comprenderás que esto podría ser perjudicial.
A continuación se resumen para usted las principales diferencias entre los correos electrónicos HTML y los fragmentos de imágenes.
¿Cuáles son algunas soluciones alternativas si desea utilizar imágenes?
Usar texto alternativo
Incluso si tus imágenes no se cargan, el texto alternativo puede usarse para proteger parcialmente la integridad de tu correo electrónico, ofreciendo a los suscriptores una idea básica de tu mensaje. El texto alternativo también debe usarse al codificar correos electrónicos HTML.
Mezclar y combinar
Dependiendo de tu plataforma de creación de correos electrónicos, puedes usar tanto texto como imágenes para optimizar tu comunicación. Con un creador de correos electrónicos de arrastrar y soltar, deberías poder hacerlo con bastante facilidad. Sin embargo, si intentas diseñar un correo electrónico personalizado en un creador como Figma, solo podrás usar imágenes.
Ver tamaño de la imagen
Ten en cuenta el tamaño de archivo de tus imágenes. Sí, quieres usar imágenes de buena calidad que muestren tus productos y mantengan la profesionalidad de tu marca, pero si estas imágenes tardan mucho en cargar porque son demasiado grandes, tus suscriptores podrían frustrarse con el tiempo. Mailchimp recomienda... tamaño máximo de 1 MB para imágenes.
Entonces, ¿qué es mejor: correos electrónicos HTML o fragmentos de imágenes?
La respuesta es que depende. Nos inclinamos por los correos electrónicos HTML porque tienden a ser más fiables en general y ofrecen más margen de personalización, pero podría resultarle más fácil implementar fragmentos de imagen. Por ejemplo, supongamos que gestiona una agencia de viajes con varios asesores de ventas y desea dar una impresión más cálida a los nuevos clientes potenciales haciendo que sus asesores se presenten en un correo electrónico de bienvenida. Con un correo electrónico HTML, podría incluir campos dinámicos que extraigan el nombre, la información de contacto, el enlace de Calendly e incluso la foto de cualquiera de sus asesores desde un CRM, como Salesforce. Sin embargo, esto no sería posible con un correo electrónico basado en imágenes. Sin embargo, si gestiona un pequeño negocio, como un restaurante local, quizás la personalización no sea una gran prioridad para su marketing por correo electrónico y solo necesite una forma rápida y sencilla de crear correos electrónicos personalizados con gráficos llamativos. En ese caso, usar fragmentos de imagen puede ser una mejor opción.
Lo más importante es recordar que el propósito de un correo electrónico, independientemente de su formato, es comunicarse eficazmente con sus suscriptores. Si aún necesita ayuda para determinar qué tipo de correo electrónico le permitirá lograrlo, el equipo de especialistas y diseñadores de correo electrónico de Scalero no solo puede orientarle, sino también diseñar plantillas de correo electrónico personalizadas. De hecho, Scalero ha realizado múltiples pruebas comparando imágenes con HTML y correos electrónicos en vivo, ¡y los resultados han sido sorprendentes! Contáctanos ¡Hoy para aprender más!
