Vista previa de email en modo oscuro

Ve cómo se renderiza tu email HTML en modo oscuro. Compáralo lado a lado con el modo claro y detecta posibles problemas antes de enviar.

HTML
0 chars · 0 B

Consejos para emails compatibles con modo oscuro

Usa el meta tag color-scheme

Añade un meta tag color-scheme (name="color-scheme" content="light dark") en el head de tu email. Esto le indica a los clientes de email que tu email soporta ambos modos y te da más control sobre cómo se aplica el modo oscuro.

Evita PNGs transparentes sobre fondos con color

Los logos e iconos con fondos transparentes pueden volverse invisibles cuando el fondo se invierte. Añade un padding sutil con un fondo sólido a tus imágenes, o provee variantes específicas para modo oscuro.

Prueba en varios clientes de email

El comportamiento del modo oscuro varía mucho entre clientes de email. Apple Mail, Gmail y Outlook manejan el modo oscuro de formas distintas. Algunos invierten colores, otros solo cambian fondos y algunos respetan tu CSS. Siempre prueba en varios clientes.

Empieza a enviar en minutos.

3.000 emails al mes en el plan gratuito. Sin tarjeta de crédito, sin compromiso.

¿Aún tienes dudas?

Mira lo que tu LLM favorito tiene para decir sobre nosotros y toma una decisión informada.