Products Customers Enterprise Pricing Resources

Last updated on junio 27, 2025

avatar
Kallie Price
Marketing Manager @ Yotpo
junio 20th, 2024 | 5 minutes read

El modo oscuro se ha vuelto cada vez más popular tanto en aplicaciones como en clientes de correo electrónico, ofreciendo una experiencia de visualización más cómoda. De hecho, el 82% de los usuarios de teléfonos inteligentes ahora informan que prefieren el modo oscuro.

Optimizar sus correos electrónicos para el modo oscuro puede ser complicado. Dado que diferentes clientes de correo electrónico admiten el modo oscuro en diversos grados, es crucial asegurarse de que sus correos electrónicos de marketing sigan siendo visualmente atractivos y fáciles de leer, independientemente de la configuración del buzón del destinatario.

¿Qué clientes de correo electrónico admiten el modo oscuro?

Mientras que algunos clientes invierten automáticamente los colores, otros requieren estilos HTML que se adapten específicamente a la experiencia del modo oscuro.

He aquí cómo algunos clientes de correo electrónico populares adaptan la apariencia de los correos electrónicos para los usuarios del modo oscuro:

  • Apple Mail: Convierte automáticamente los fondos blancos a negro y el texto a blanco.
  • Outlook: Ofrece tanto un modo claro como un modo oscuro “nocturno”.
  • Gmail: Se ajustará al modo oscuro si el usuario lo configura, pero la implementación puede ser inconsistente.

¿Cómo puede optimizar sus correos electrónicos para el modo oscuro?

Como en la mayoría de las áreas del marketing, es una buena idea comenzar por comprender a su audiencia. En este caso, debe entender qué clientes de correo electrónico utilizan sus suscriptores con mayor frecuencia. Luego, puede adaptar sus diseños de correo electrónico en modo oscuro en consecuencia.

Aunque cada cliente de correo electrónico maneja el modo oscuro de manera diferente, existen algunas mejores prácticas a seguir:

Optimice logotipos e iconos

¿Tiene un logotipo de color oscuro? Agregue un borde blanco delgado para asegurarse de que se destaque en el modo oscuro. O juegue a lo seguro y cree dos versiones de su logotipo: una para el modo claro y otra para el modo oscuro.

También es esencial utilizar iconos sociales contrastantes para que sean visibles en el modo oscuro.

Utilice fondos transparentes

Aunque los JPG pueden ser su opción habitual para los correos electrónicos debido a sus tiempos de carga más rápidos, los PNG son su mejor opción para el modo oscuro. Sus fondos transparentes garantizarán que no queden cajas blancas antiestéticas alrededor de sus imágenes.

Aumente el relleno alrededor de las imágenes no transparentes

    A veces, incluir imágenes no transparentes en sus correos electrónicos es inevitable. Pero no se preocupe, mejorar su apariencia puede ser tan simple como agregar un poco de relleno a su alrededor. Esto ayuda a crear un ajuste suave entre el fondo de la imagen y la configuración del modo oscuro.

    Opte por texto

    Aunque hemos cubierto algunas mejores prácticas para ajustar las imágenes en los correos electrónicos para el modo oscuro, siempre es mejor optar por texto en lugar de imágenes, siempre que sea posible. Esto aumenta la probabilidad de que su contenido sea fácil de leer y también ayuda a mejorar la entregabilidad y la accesibilidad.

    Utilice menos colores

    Ciertos colores que funcionan bien en el modo claro pueden no verse tan bien en el modo oscuro, por lo que es mejor ceñirse a una paleta de colores limitada. De esta manera, es menos probable que haya sorpresas desagradables cuando ciertos clientes de correo electrónico lo ajusten automáticamente para el modo oscuro. También asegurará que el correo electrónico se alinee más estrechamente con la versión en modo claro.

    1@2x 3 Arrojando luz sobre el marketing por correo electrónico en modo oscuro 3

    ¡Pruebe, pruebe, pruebe!

    Como cada cliente admite el modo oscuro de diferentes maneras (y en diversos grados), siempre debe asegurarse de probar cómo aparece su correo electrónico en múltiples clientes de correo electrónico y dispositivos, tanto en modo claro como oscuro.

    Hay luz al final del túnel

    Si bien puede ser difícil crear correos electrónicos que se vean excelentes en todos los clientes de correo electrónico y tanto en modo claro como oscuro, hacerlo correctamente puede tener un impacto positivo real en la entregabilidad y el compromiso de su correo electrónico.

    La buena noticia es que al realizar algunos de los cambios descritos anteriormente, estará bien encaminado para proporcionar una excelente experiencia de usuario para todos sus suscriptores de correo electrónico. Además, si es usuario de Yotpo Email usuario, entonces puede aprovechar al máximo nuestros bloques sociales prediseñados que incluyen una variedad de iconos sociales optimizados para fondos oscuros. También ofrecemos una guía sólida sobre cómo optimizar sus correos electrónicos para el modo oscuro, de modo que pueda crear los correos electrónicos con mejor apariencia en todo momento.

    30 min demo

    Yotpo customers logosYotpo customers logosYotpo customers logos
    Laura Doonin, Commercial Director recommendation on yotpo

    “Yotpo is a fundamental part of our recommended tech stack.”

    Shopify plus logo Laura Doonin, Commercial Director
    YOTPO POWERS THE WORLD'S FASTEST-GROWING BRANDS
    Yotpo customers logos
    Yotpo customers logosYotpo customers logosYotpo customers logos
    30 min demo
    Check iconJoin a free demo, personalized to fit your needs
    Check iconGet the best pricing plan to maximize your growth
    Check iconSee how Yotpo's multi-solutions can boost sales
    Check iconWatch our platform in action & the impact it makes
    30K+ Growing brands trust Yotpo
    Yotpo customers logos