Medidas de una newsletter: tamaño, ancho y 10 claves para maquetarla bien

¿Qué medidas debe tener una newsletter? Entre 600 y 640 píxeles de ancho, imágenes al doble de resolución y menos de 102 KB de HTML para que Gmail no la corte.

El alto no tiene límite, pero lo importante tiene que verse en la primera pantalla.

Con esas tres medidas ya puedes empezar a maquetar. Pero una newsletter que se ve bien en tu ordenador puede romperse en el móvil, en Outlook o en modo oscuro.

En esta guía tienes la tabla de medidas completa, cómo se ve tu email en cada programa de correo y las 10 claves para maquetarlo sin sorpresas.

Medidas de una newsletter: tabla de referencia

Estas son las medidas de un mailing que recomiendo en 2026. Sirven tanto si maquetas a mano en HTML como si usas un editor visual.

Si solo te quedas con una idea, que sea esta: 600 px de ancho y menos de 102 KB de HTML.

Con eso evitas la mayoría de los problemas. El resto de medidas afinan el resultado.

Cómo se ve tu newsletter en cada programa de correo

¿Por qué hay que maquetar un email con tanto cuidado si una web se ve bien en cualquier navegador? Porque cada programa de correo interpreta el código a su manera. Y no siempre de la forma que esperas.

Según el informe de cuota de mercado de Litmus de septiembre de 2026, Apple Mail registra el 76,56 % de las aperturas.

Le siguen Gmail, con el 16,10 %, y Outlook de escritorio, con el 3,48 %.

Ojo con la cifra de Apple: la protección de privacidad de Apple Mail abre los correos de forma automática y la infla. Aun así, te da una idea de dónde tienes que probar.

El caso más delicado sigue siendo el Outlook clásico.

Microsoft está pasando a sus usuarios al nuevo Outlook, pero no ha fijado una fecha de fin para el clásico.

Mientras siga en tantas empresas, maquetar con tablas es lo prudente.

Qué tener en cuenta antes de diseñar un email

Las medidas del mailing son la base técnica. Pero antes de abrir el editor conviene tener claras tres decisiones de diseño.

Vigila el peso de las imágenes

Las imágenes pesan. Una newsletter con cinco fotos sin comprimir puede tardar varios segundos en cargar con datos móviles.

Y si tarda, el lector se va.

Comprime cada imagen antes de subirla y no uses una foto de 3.000 px donde se va a mostrar a 600.

Tienes más detalle en la clave 8.

Usa imágenes que acompañen al mensaje

Una imagen tiene que contar lo mismo que el texto. Si vendes una escapada de montaña, la foto de un valle hace parte del trabajo.

Si promocionas ropa, enseña las prendas.

Lo que no funciona son las imágenes de relleno. Ocupan espacio, pesan y no aportan nada al lector.

El diseño sencillo también funciona

No todos los emails necesitan imágenes. En un envío promocional, el correo debe ser visual porque buscas una compra, un registro o una reserva.

Pero si quieres cercanía o compartir una opinión, un email casi de texto funciona igual de bien.

Estructura de la newsletter ideal

La estructura decide si el lector entiende tu mensaje en los primeros segundos. Esta es la que recomiendo, de arriba abajo:

Una regla que siempre funciona: un email, un objetivo. Si tienes tres cosas que contar, prioriza una y deja las otras para el siguiente envío.

Y de nada sirve una buena estructura si después envías lo mismo a toda tu lista: segmenta a tus suscriptores para que cada uno reciba lo que le interesa.

10 claves para maquetar tu newsletter

Estas son las 10 claves que reviso en cada newsletter antes de enviarla.

Algunas son de diseño y otras son técnicas, pero todas evitan problemas reales.

1. Elige un diseño sencillo y adaptable al móvil

Un diseño sencillo se ve bien en más sitios. Usa tipografías estándar (Arial, Helvetica, Georgia o Verdana), fondos de color plano y una sola columna en el móvil.

La mayoría de tus suscriptores abrirá el email en el teléfono.

Por eso el diseño tiene que ser responsive: que se adapte solo al ancho de la pantalla.

Si dos columnas no caben, que pasen a una. Y si un botón queda pequeño, que crezca.

2. Usa un HTML sencillo y añade versión de texto

Cuanto más simple sea el código, menos sorpresas. Nada de JavaScript, formularios ni efectos que dependan de scripts: los programas de correo los bloquean por seguridad.

Envía siempre una versión HTML y otra de texto plano. Si alguien no puede ver el HTML, leerá el texto.

En Mailrelay la versión de texto se genera sola a partir del HTML.

Así las dos dicen lo mismo, y los filtros no desconfían de un mensaje con dos contenidos distintos.

3. Maqueta con tablas

Las tablas siguen siendo la forma más fiable de maquetar un email. En una web usarías capas (div) y CSS moderno.

En el correo no, porque el Outlook clásico para Windows usa el motor de Word y no entiende buena parte de ese CSS.

Con tablas controlas el ancho, las columnas y los espacios en todos los programas. Un consejo: no anides más de tres niveles de tablas.

A partir de ahí el código se vuelve difícil de mantener y pesa más.

4. No pases de 600-640 px de ancho

Es la medida de mailing que mejor funciona en escritorio y móvil. Los programas de escritorio muestran el correo en un panel de lectura más estrecho que la pantalla.

Con 600-640 px el email cabe entero, sin barra de desplazamiento lateral.

En el móvil, un diseño responsive reduce ese ancho al de la pantalla.

Lo que no conviene es lo contrario: diseñar a 800 o 1.000 px y esperar que se adapte.

Los textos quedarían diminutos en el teléfono.

5. Aplica los estilos en línea

Algunos programas de correo ignoran los estilos de la cabecera del email. Por eso, los estilos importantes (color, tamaño de letra, márgenes) van dentro de cada etiqueta con el atributo «style».

Así te aseguras de que el texto se ve igual en Gmail, Outlook y Apple Mail.

Los editores visuales, como el de Mailrelay, lo hacen por ti al guardar el diseño.

6. Prepara bien tus imágenes

Las imágenes son lo que más se rompe en un email. Revisa siempre estos cuatro puntos:

Y no metas texto importante dentro de una imagen. Si no carga, el mensaje desaparece.

Los GIF animados sí funcionan, con una salvedad: el Outlook clásico solo muestra el primer fotograma.

7. No adjuntes archivos

Los adjuntos complican la entrega. Los filtros antispam miran con lupa los archivos doc, exe o zip, y además aumentan mucho el tamaño del mensaje.

Sube el archivo a tu web, a Google Drive o a Dropbox y pon un botón que enlace a él.

Así el email pesa menos y, además, sabes cuántas personas lo descargan gracias a las estadísticas de clics.

8. Optimiza el peso de las imágenes

Comprimir una imagen puede reducir su peso a la mitad sin que se note. Puedes usar herramientas gratuitas como TinyPNG o Squoosh, o exportar desde tu programa de edición con una calidad del 70-80 %.

Usa JPG para fotos y PNG para logotipos o imágenes con fondo transparente.

Y súbelas al doble del tamaño al que se verán: una imagen de 600 px de ancho se sube a 1.200 px.

Se verá nítida en pantallas retina y, bien comprimida, seguirá pesando poco.

9. Incluye siempre el pie legal

El pie no es opcional. En España, la LSSI obliga a identificar al remitente y a ofrecer una forma sencilla y gratuita de darse de baja en cada comunicación comercial.

El RGPD exige además informar de cómo tratas los datos.

Incluye en el pie el nombre y la dirección de tu empresa, el enlace de baja y un enlace a tu política de privacidad.

Desde 2024 Gmail y Yahoo, y desde 2025 Outlook, piden además la baja con un solo clic a quien envía en volumen.

Tienes los detalles en el glosario sobre el encabezado List-Unsubscribe.

10. Prueba antes de enviar

Nunca envíes una newsletter sin probarla. Mándate un email de prueba y ábrelo en el móvil y en el ordenador, en Gmail y en Outlook si puedes.

Comprueba que las imágenes cargan, que los enlaces llevan donde deben y que el texto se lee sin hacer zoom.

Si envías a listas grandes, herramientas como Litmus o Email on Acid te enseñan cómo se ve en decenas de programas a la vez.

Modo oscuro: cómo maquetar para que no se rompa tu diseño

Cada vez más gente lee el correo en modo oscuro.

Y cada programa lo aplica a su manera: algunos solo cambian el fondo, otros invierten todos los colores.

Un logo negro sobre fondo transparente puede desaparecer.

Para que tu newsletter aguante el cambio:

• Usa logotipos en PNG transparente con un contorno claro, o con un fondo propio.
• Evita el negro puro y el blanco puro: un gris muy oscuro y un blanco roto se invierten mejor.
• No escribas textos importantes dentro de imágenes.
• Prueba el email con el modo oscuro activado en el iPhone y en Gmail.

Otra opción es partir de un diseño que ya sea oscuro.

En el editor de Mailrelay tienes plantillas oscuras listas para usar, también en la cuenta gratuita.

Checklist antes de enviar tu newsletter

Antes de pulsar «Enviar», repasa esta lista. Te llevará dos minutos.

1. El ancho es de 600-640 px y el HTML pesa menos de 102 KB.
2. El asunto y el preencabezado se complementan y no se cortan en el móvil.
3. Lo importante (titular y botón) se ve en la primera pantalla.
4. Todas las imágenes tienen texto alternativo y están comprimidas.
5. Los botones miden al menos 44 × 44 px y los enlaces funcionan.
6. El texto tiene 14-16 px y se lee sin hacer zoom.
7. Se ve bien en modo oscuro.
8. El pie incluye tus datos, el enlace de baja y la política de privacidad.
9. Te has enviado una prueba y la has revisado en el móvil y en el ordenador.

Cómo te ayuda Mailrelay a maquetar tus newsletters

¿Y si no quieres tocar código? Con el editor visual de Mailrelay maquetas tu newsletter arrastrando bloques, y el email se adapta solo al móvil.

No tienes que preocuparte por las tablas ni por los estilos en línea: el editor los genera por ti.

Puedes partir de cientos de plantillas de email, entre ellas las de modo oscuro, y el editor con IA te ayuda a crear diseños y mejorar tus textos.

La versión de texto plano se genera sola y puedes enviarte pruebas antes de mandar la campaña.

Todo esto está también en la cuenta gratuita, con hasta 80.000 emails al mes y 20.000 contactos, y con soporte humano en todos los planes.

Preguntas frecuentes sobre las medidas de una newsletter

Estas son las dudas sobre el tamaño de un mailing que más nos llegan.

¿Cuál es el tamaño ideal de una newsletter?

Entre 600 y 640 px de ancho, sin un alto fijo.

Lo importante es que el titular y el botón principal se vean en los primeros 300-500 px y que el HTML pese menos de 102 KB.

¿Qué medidas debe tener la imagen de cabecera de un mailing?

Lo habitual es 600 × 200-300 px a la vista.

Súbela al doble de resolución (1.200 px de ancho) para que se vea nítida en pantallas retina, y comprímela para que pese menos de 200 KB.

¿Cuánto debe pesar un email?

El código HTML, menos de 102 KB, porque Gmail recorta los mensajes más pesados.

Las imágenes no cuentan en ese límite, pero conviene que cada una pese menos de 200 KB para que el email cargue rápido.

¿Qué tamaño de letra se usa en un email?

16 px para el texto, con un mínimo de 14 px, y entre 22 y 28 px para los titulares.

Por debajo de 13 px, el iPhone amplía la letra por su cuenta y puede descolocar el diseño.

¿Por qué Gmail corta mi newsletter?

Porque el HTML pesa más de 102 KB. Gmail muestra solo la primera parte y un enlace para ver el mensaje completo.

Lo que queda oculto, como el enlace de baja, mucha gente no lo llega a ver.

Para evitarlo, limpia el código y quita bloques que no aporten.

Jose Argudo

CMO de Mailrelay. Escribe sobre email marketing, copywriting y conversión para pymes y emprendedores.

Más artículos de Jose · LinkedIn