El correo se ve distinto en cada cliente: por qué y qué hacer
Seis clientes, seis conjuntos de límites y un código que funciona en todos
Mailvex · 31 agosto 2026 · 4 min de lectura
El mismo correo se ve bien en Gmail, se descoloca en Outlook y cambia de color en Apple Mail. La causa no es un error de maquetación: los clientes de correo no comparten estándar de visualización y cada uno trata el código a su manera. La solución es escribir el código para el cliente más limitado, y así los demás simplemente lo entenderán.
Por qué no hay un estándar único
Los navegadores acordaron estándares; los clientes de correo no. Cada uno usa su propio motor de renderizado, y algunos tienen más de diez años.
A eso se suma la seguridad: una bandeja no puede permitir que un mensaje ejecute código ni cargue cualquier cosa de fuera. Así que los clientes eliminan lo que consideran innecesario: hojas de estilo externas, scripts, parte de las propiedades de estilo.
De ahí una regla que ahorra tiempo: no intentes que todos los clientes se vean idénticos. Apunta a que el correo siga siendo claro y funcional en todas partes, aunque los detalles cambien.
Qué se rompe en cada cliente
Seis grupos de clientes cubren casi toda la audiencia. Cada uno con sus límites.
| Cliente | Qué se rompe | Qué hacer |
|---|---|---|
| Outlook para Windows | esquinas redondeadas, sombras, botones, media queries | añadir código VML, montar botones sobre tablas |
| Gmail en navegador | elimina estilos externos, recorta correos pesados | estilos en línea, peso por debajo de 100 KB |
| Apple Mail | invierte colores en modo oscuro | definir colores explícitamente, añadir metaetiquetas de modo oscuro |
| Apps móviles de correo | algunas ignoran las media queries | maquetación en una columna por defecto |
| Sistemas corporativos | bloquean imágenes y recursos externos | textos alternativos, el sentido en el texto |
| Webmail antiguo | sin soporte para propiedades modernas | tablas en lugar de bloques, códigos de color completos |
Fíjate en la primera fila: Outlook para Windows causa más problemas porque usa el motor de un procesador de textos en lugar de uno de navegador.
Tres técnicas que cubren la mayoría de diferencias
La mayoría de las diferencias se resuelven con tres técnicas y no ajustando para cada cliente por separado.
- maquetación con tablas en lugar de bloques modernos: la entienden todos los clientes
- estilos escritos en línea y no en una hoja externa: no los eliminarán
- botón sobre tabla con código VML añadido: totalmente pulsable incluso en Outlook
- códigos de color completos de seis dígitos y no la forma corta de tres
- ancho de 600 píxeles y una sola columna por defecto
- fuentes del sistema con alternativas
Estas seis reglas eliminan aproximadamente nueve de cada diez diferencias. Lo que queda son detalles como el interlineado, que nadie nota.
Dónde probar y en qué orden
No hace falta probar en veinte clientes. Con cuatro basta para cubrir los motores principales.
- un cliente móvil de correo: donde se abre la mayoría
- Outlook para Windows: el más exigente
- Gmail en navegador: el webmail más masivo
- cualquier bandeja en modo oscuro: revela problemas de color
El orden importa: empieza por el móvil. Si el correo funciona en pantalla estrecha, casi seguro funcionará en una ancha. Al revés no se cumple.
Qué no intentes arreglar
Algunas diferencias no tienen arreglo, e intentarlo solo gasta tiempo.
Las esquinas redondeadas y las sombras nunca aparecerán en Outlook: el motor no las soporta. Una fuente de internet se sustituye por una del sistema en varios clientes. La animación se muestra de forma desigual. Está bien: el correo debe funcionar sin ellas, y donde se vean será un extra.
Cómo lo resuelve un constructor
En Mailvex el correo se monta con bloques, y el compilador los convierte en código compatible con todos los clientes: tablas en lugar de bloques, estilos en línea, código VML aparte para los botones de Outlook, códigos de color completos.
El envío de prueba a tu dirección sale del propio editor, así que puedes abrir el correo en tu bandeja y ver el resultado antes de exportar.
Monta un correo que funcione en todos los clientes.
Ver plantillasPreguntas frecuentes
¿Puedo lograr que el correo se vea igual en todas partes?
Del todo no, y no conviene intentarlo. Las esquinas redondeadas y las sombras nunca aparecerán en Outlook. El objetivo es otro: que el correo siga siendo claro y funcional en cada cliente, aunque cambien los detalles de estilo.
¿En qué clientes hay que probar sí o sí?
En cuatro: un cliente móvil de correo, Outlook para Windows, Gmail en navegador y cualquier bandeja en modo oscuro. Cubren los motores principales. Empieza por el móvil.
¿Por qué en Outlook se rompe más que en ningún sitio?
El Outlook clásico para Windows usa el motor de un procesador de textos en lugar de uno de navegador. No entiende media queries, esquinas redondeadas, sombras ni imágenes de fondo, y los botones montados de forma normal solo se pulsan sobre el texto.
