Bitelio
§ T-14  —  Herramienta← Todas las herramientas

Test de previsualización
y renderizado

Pega el HTML de tu email, previsualízalo en vivo en ancho de escritorio y móvil, y ejecuta un linter de compatibilidad que detecta el marcado y el CSS que Gmail, Outlook y Apple Mail suelen eliminar o romper, antes de darle a enviar.

Test de HTML de email

Aviso: esto es un linter de idoneidad y una previsualización local, no un renderizado real. Escanea tu HTML en busca de los patrones que suelen romperse en cada cliente y lo muestra en un marco de navegador aislado; no abre tu mensaje en Gmail, Outlook o Apple Mail reales. Tómalo como una comprobación previa rápida, no como un sustituto de una prueba en la bandeja de entrada real.

Previsualización en vivo
Resultados de compatibilidad

Pega algo de HTML de email arriba para ejecutar el linter de compatibilidad.

§ 01Por qué se rompe

Cada bandeja es un navegador distinto.

Los clientes de email renderizan con motores muy diferentes: lo que se ve perfecto en uno puede desmoronarse en el siguiente.

Outlook funciona con Word

Outlook en Windows renderiza el HTML con el motor de Microsoft Word. Flexbox, grid, float, imágenes de fondo y el CSS moderno se ignoran; los diseños basados en tablas son la única opción fiable.

Gmail elimina CSS

Gmail elimina las hojas de estilo externas, restringe <style> en algunos contextos y recorta los mensajes de más de ~102 KB. Los estilos en línea y un marcado ligero mantienen tu email intacto.

Apple Mail es el amable

Apple Mail e iOS usan WebKit y admiten el CSS más moderno. Es el objetivo más fácil, pero construir solo para él garantiza que se rompa en otros clientes.

Imágenes desactivadas por defecto

Muchos clientes bloquean las imágenes hasta que el lector las activa. El texto alt, los colores de fondo sólidos y una estructura a prueba de balas mantienen el mensaje legible sin que cargue ni una imagen.

Diseña una vez, renderiza en todas partes.

El editor de Bitelio genera HTML a prueba de balas y testeado: diseños basados en tablas, estilos en línea y estructura segura para Outlook por defecto, para que pierdas menos tiempo peleando con las bandejas de entrada. Empieza gratis, sin tarjeta de crédito.

Preguntas frecuentes

¿Me muestra una captura real de Gmail o Outlook?

No. Esta herramienta hace dos cosas enteramente en tu navegador: renderiza tu HTML en un marco de previsualización aislado y ejecuta un linter de compatibilidad estático que señala los patrones que suelen romperse en clientes concretos. Nunca envía tu email a Gmail, Outlook o Apple Mail, así que no puede capturar una captura real de esos clientes. Para pruebas con precisión de píxel en docenas de clientes reales, usa un servicio de capturas dedicado como Litmus o Email on Acid; esto es una comprobación previa gratuita y rápida para detectar problemas antes de llegar ahí.

¿Qué precisión tiene el linter de compatibilidad?

El linter comprueba problemas bien documentados y de alta relevancia: CSS en el head o externo que Gmail elimina, flexbox y grid que Outlook ignora, falta de texto alt y de ancho en imágenes, HTML sobredimensionado, scripts y formularios, y más. Un informe limpio significa que has evitado los fallos más comunes, no que el email sea perfecto en todas partes. Las rarezas de renderizado son infinitas: toma un resultado correcto como "sin señales de alarma evidentes" y confírmalo con una prueba real en la bandeja para envíos importantes.

¿Se sube mi HTML de email a algún sitio?

No. Tanto la previsualización como el linter se ejecutan al 100% en el lado del cliente, en tu navegador. Tu HTML nunca se envía a los servidores de Bitelio ni a ningún tercero, así que puedes pegar campañas y plantillas sin publicar con total seguridad.

¿Por qué mi email se ve bien aquí pero roto en Outlook?

La previsualización en vivo usa el motor de renderizado moderno de tu navegador, mucho más capaz que el motor basado en Word de Outlook. Por eso el linter existe junto a la previsualización: algo puede verse perfecto en el marco y aun así usar flexbox, grid o imágenes de fondo que Outlook descarta en silencio. Lee siempre los resultados, no solo la previsualización.

¿Qué es el límite de ~102 KB de Gmail?

Gmail recorta los mensajes cuyo HTML supera aproximadamente 102 KB, ocultando todo lo que hay a partir de ahí tras un enlace "Ver mensaje completo", lo que puede enterrar tu llamada a la acción y, sobre todo, tu enlace de baja. El linter informa del tamaño de tu HTML para que puedas reducir y minificar antes de que se convierta en un problema de entregabilidad y cumplimiento.