Comprueba el HTML de tu correo

Los clientes de correo interpretan un subconjunto pequeño y antiguo de HTML, y cada uno a su manera. Aquí ves qué partes no sobrevivirán al viaje, antes de que te lo cuente un compañero.

Cargando la herramienta…

Cómo funciona

  1. Pega el HTML del mensaje, desde la vista de código de tu herramienta de boletines o desde el archivo que vas a enviar.
  2. Lee los avisos y luego las tablas de enlaces e imágenes.
  3. Usa la previsualización para ver los anchos estrechos, el modo oscuro y, sobre todo, cómo queda con las imágenes bloqueadas.

Por qué no se sube nada

Todo lo que hace esta página lo ejecuta código que corre dentro de la pestaña de tu navegador, con el mismo motor que dibuja las páginas web. El archivo se lee del disco a la memoria de la pestaña, se transforma ahí y se vuelve a escribir como descarga. No se envía a ninguna parte: ni a nosotros, ni a terceros.

Compruébalo tú mismo

  1. Abre las herramientas de desarrollo del navegador (F12) y elige la pestaña «Red».
  2. Carga tu archivo y ejecuta la herramienta.
  3. Las únicas peticiones que verás descargan el código de la propia herramienta —y, en unas pocas herramientas pesadas, su motor de código abierto desde un CDN público—, más un pequeño aviso de visita a loreatec.jp (dirección y título de la página, nada más). Ninguna lleva tu archivo.

Compruébalo tú mismo →

Preguntas frecuentes

¿Por qué es un problema mi bloque <style>?

Gmail conserva casi todo, Outlook en Windows conserva una parte, varios webmails lo eliminan entero y ninguno descarga una hoja de estilo externa. Todo lo que tenga que salir bien debe ir en un atributo style en línea; el bloque queda para las media queries, que no se pueden poner en línea de ninguna manera. El aplicador de CSS en línea de esta web hace la parte mecánica.

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

Gmail deja de mostrar el mensaje sobre los 102 KB y pone un enlace de «Ver el mensaje completo». Todo lo que queda después del corte se esconde, normalmente el pie, que es donde están el enlace de baja y la dirección postal. Eso lo convierte en un problema legal además de estético. Recorta el HTML, no el contenido: casi todo el peso son estilos en línea repetidos y andamiaje de tablas.

¿Por qué no me dice si mis enlaces funcionan?

Porque un navegador no puede leer la respuesta de otro dominio: la política de mismo origen lo prohíbe y no hay truco que lo evite sin un servidor que retransmita la petición. Por eso los enlaces se listan, para que los compruebes tú; una herramienta que «verifica» enlaces o tiene servidor o está adivinando.

¿Qué muestra la vista con imágenes bloqueadas?

Lo que ve primero la mayoría de la gente. Gmail, Outlook y Apple Mail bloquean por defecto las imágenes remotas al menos en algunas situaciones, y un diseño que es una sola imagen grande se convierte en un rectángulo vacío. Si tu mensaje no se entiende en esa vista, no se entiende para buena parte de tu lista.