La Importancia del Tamaño de Archivo del Correo Electrónico

Pájaro

27 ago 2018

Correo electrónico

1 min read

La Importancia del Tamaño de Archivo del Correo Electrónico

Puntos clave

    • Premisa: La eficacia de una campaña de correo electrónico depende en gran medida del tamaño del archivo, tanto para la entregabilidad como para la experiencia del usuario. Los archivos HTML o imágenes de gran tamaño pueden causar recortes, tiempos de carga lentos y menor participación, especialmente en dispositivos móviles.

    • Objetivo: Ayudar a los mercadólogos a equilibrar la ambición de diseño con las limitaciones técnicas optimizando el HTML, los recursos externos y el tamaño total cargado.

    • Destacados:

      1. Tamaño del archivo HTML:

        • Mantener por debajo de 100 KB para evitar recortes de Gmail (objetivo ideal ≈ 50 KB).

        • El HTML de gran tamaño puede romper los diseños y afectar la entregabilidad.

        • Reducir el tamaño a través de:

          • Limpieza de código (eliminar marcas obsoletas y elementos no utilizados).

          • Evitar la sobreanidación de tablas — 5–10 tablas son generalmente suficientes.

          • Mover estilos en línea seguros a CSS incrustado donde sea posible.

          • Simplificar el diseño (diseños de una sola columna) y minificar el código.

      2. Recursos externos (principalmente imágenes):

        • Máximo recomendado = 100 KB por imagen; los GIF animados pueden alcanzar 500 KB.

        • Optimizar con ImageOptim, Caesium, o compresión CDN.

        • Elegir formatos correctos: JPG para fotos, GIF para gráficos, PNG para transparencia.

        • Usar menos imágenes, más ligeras — display :none aún descarga recursos.

      3. Tamaño total cargado:

        • Tamaño total ideal ≤ 1 MB para un rendimiento fluido.

        • En redes 3G, los correos electrónicos grandes pueden tardar de 2 a 14 segundos en cargar; aún más en 2G.

        • Optimizar para usuarios con conexión lenta o datos limitados (especialmente en regiones en desarrollo).

      4. Pruebas y equilibrio:

        • Prueba A/B para encontrar el equilibrio entre la riqueza visual y el rendimiento.

        • Asegúrese de que el correo electrónico sea legible sin imágenes para una carga percibida más rápida.

        • Una mala optimización del tamaño puede amplificar los problemas de entregabilidad y participación.

      5. Resultado: Código limpio, compacto y medios optimizados llevan a tiempos de carga más rápidos, mejor colocación en la bandeja de entrada y una mejor experiencia del usuario en todos los dispositivos.

Destacados de Q&A

  • ¿Por qué importa el tamaño del archivo de email?

    Los correos electrónicos largos corren el riesgo de ser recortados en Gmail y causan tiempos de carga largos, lo que perjudica tanto la interacción como la entregabilidad.

  • ¿Cuál es el tamaño máximo recomendado de HTML?

    Mantén tu HTML por debajo de 100 KB (idealmente < 50 KB). Gmail recorta mensajes a 102 KB.

  • ¿Cómo puedo reducir mi tamaño de HTML?

    Elimina el código redundante, minimiza la anidación de tablas, consolida CSS y minimiza de manera segura.

  • ¿Cuál es la mejor manera de manejar el peso de las imágenes?

    Comprime los archivos usando CDNs o herramientas de optimización, usa formatos adecuados y limita cada uno a ≤ 100 KB.

  • ¿Cómo puedo asegurar la accesibilidad para usuarios con conexiones lentas?

    Mantén el tamaño total del correo electrónico < 1 MB, diseña para que funcione sin imágenes y prioriza la carga de contenido esencial primero.

  • ¿Cuál es el objetivo final de la optimización del tamaño del correo electrónico?

    Para equilibrar la calidad del diseño, la entregabilidad y la velocidad, lo que resulta en tasas más altas de apertura y clics.

Cuando hablamos sobre el tamaño de los archivos en el correo electrónico, realmente estamos hablando de 3 temas: el tamaño del archivo HTML enviado, el tamaño de los activos externos y el tamaño completamente cargado. Queremos mantener todos estos tamaños de archivo lo más pequeños posible, pero ¿cuáles son los tamaños máximos y a qué deberíamos aspirar?

Cuando hablamos sobre el tamaño de los archivos en el correo electrónico, realmente estamos hablando de 3 temas: el tamaño del archivo HTML enviado, el tamaño de los activos externos y el tamaño completamente cargado. Queremos mantener todos estos tamaños de archivo lo más pequeños posible, pero ¿cuáles son los tamaños máximos y a qué deberíamos aspirar?

Cuando hablamos sobre el tamaño de los archivos en el correo electrónico, realmente estamos hablando de 3 temas: el tamaño del archivo HTML enviado, el tamaño de los activos externos y el tamaño completamente cargado. Queremos mantener todos estos tamaños de archivo lo más pequeños posible, pero ¿cuáles son los tamaños máximos y a qué deberíamos aspirar?

Tamaño del archivo HTML

El tamaño del archivo HTML es el tamaño del archivo .html que se envía realmente. Este tamaño de archivo no incluye el tamaño de las imágenes incluidas, ya que estarían enlazadas desde este archivo html y se descargarían al abrirlas.

El tamaño máximo que recomendamos es de 100KB, ya que cualquier cosa superior puede provocar problemas de entregabilidad y visualización. Por ejemplo, Gmail recortará su html en 102KB. El recorte ocultará el final de su correo electrónico y puede romper su diseño. El manejo de correos electrónicos por parte de Gmail también tiene otras consideraciones, como el impacto de la precarga de imágenes en el seguimiento del correo electrónico.

La mayoría de los correos electrónicos deberían fácilmente estar por debajo de 50KB. Sin embargo, a veces las mejoras progresivas complejas o una gran cantidad de contenido de campaña resultan en un tamaño de archivo mayor. Si esto sucede, hay varias maneras de ayudar a reducir el tamaño de su archivo HTML.

  • Limpie su código. El correo electrónico está cambiando constantemente y vemos muchas plantillas con código obsoleto. Una rápida limpieza puede ahorrar algunos KB.

  • No sobrecodifique. Algunas plantillas que vemos tienen código adicional que simplemente no es necesario. Para obtener orientación sobre la creación de plantillas eficientes, consulte nuestra guía sobre plantillas avanzadas de correo electrónico. El peor infractor es agregar elementos de tabla adicionales. La mayoría de los diseños se pueden lograr con 5-10 tablas, pero a menudo vemos código con 30-40 tablas. Menos tablas también tiene el beneficio adicional de facilitar la lectura de su código.

  • Mueva algo de código de HTML a CSS. Aún no es seguro mover todos sus estilos a CSS, pero si se hace correctamente, mover algunos estilos en línea a estilos incorporados puede ayudar a reducir el código.

  • Simplifique su diseño. Otra opción es volver a la etapa de diseño. Los correos electrónicos de una sola columna usan mucho menos código.

  • Minifique su código. La minificación de código eliminará espacios y comentarios innecesarios. Esto puede tener un gran efecto, pero tenga cuidado ya que muchos ESPs imponen una longitud máxima de línea que podría forzar una nueva línea y romper el código.


Límites de Tamaño de Correo Electrónico Recomendados

Métrica

Límite Recomendado

Tamaño de archivo HTML (ideal)

≤ 50 KB

Tamaño de archivo HTML (máximo)

100 KB

Tamaño de archivo de imagen (máximo típico)

≤ 100 KB

GIF animado máximo

Hasta 500 KB

Tamaño de correo electrónico completamente cargado (recomendado)

≤ 1 MB

Impacto de carga en redes lentas

2–14 seg en 3G; mucho más en 2G

El tamaño del archivo HTML es el tamaño del archivo .html que se envía realmente. Este tamaño de archivo no incluye el tamaño de las imágenes incluidas, ya que estarían enlazadas desde este archivo html y se descargarían al abrirlas.

El tamaño máximo que recomendamos es de 100KB, ya que cualquier cosa superior puede provocar problemas de entregabilidad y visualización. Por ejemplo, Gmail recortará su html en 102KB. El recorte ocultará el final de su correo electrónico y puede romper su diseño. El manejo de correos electrónicos por parte de Gmail también tiene otras consideraciones, como el impacto de la precarga de imágenes en el seguimiento del correo electrónico.

La mayoría de los correos electrónicos deberían fácilmente estar por debajo de 50KB. Sin embargo, a veces las mejoras progresivas complejas o una gran cantidad de contenido de campaña resultan en un tamaño de archivo mayor. Si esto sucede, hay varias maneras de ayudar a reducir el tamaño de su archivo HTML.

  • Limpie su código. El correo electrónico está cambiando constantemente y vemos muchas plantillas con código obsoleto. Una rápida limpieza puede ahorrar algunos KB.

  • No sobrecodifique. Algunas plantillas que vemos tienen código adicional que simplemente no es necesario. Para obtener orientación sobre la creación de plantillas eficientes, consulte nuestra guía sobre plantillas avanzadas de correo electrónico. El peor infractor es agregar elementos de tabla adicionales. La mayoría de los diseños se pueden lograr con 5-10 tablas, pero a menudo vemos código con 30-40 tablas. Menos tablas también tiene el beneficio adicional de facilitar la lectura de su código.

  • Mueva algo de código de HTML a CSS. Aún no es seguro mover todos sus estilos a CSS, pero si se hace correctamente, mover algunos estilos en línea a estilos incorporados puede ayudar a reducir el código.

  • Simplifique su diseño. Otra opción es volver a la etapa de diseño. Los correos electrónicos de una sola columna usan mucho menos código.

  • Minifique su código. La minificación de código eliminará espacios y comentarios innecesarios. Esto puede tener un gran efecto, pero tenga cuidado ya que muchos ESPs imponen una longitud máxima de línea que podría forzar una nueva línea y romper el código.


Límites de Tamaño de Correo Electrónico Recomendados

Métrica

Límite Recomendado

Tamaño de archivo HTML (ideal)

≤ 50 KB

Tamaño de archivo HTML (máximo)

100 KB

Tamaño de archivo de imagen (máximo típico)

≤ 100 KB

GIF animado máximo

Hasta 500 KB

Tamaño de correo electrónico completamente cargado (recomendado)

≤ 1 MB

Impacto de carga en redes lentas

2–14 seg en 3G; mucho más en 2G

El tamaño del archivo HTML es el tamaño del archivo .html que se envía realmente. Este tamaño de archivo no incluye el tamaño de las imágenes incluidas, ya que estarían enlazadas desde este archivo html y se descargarían al abrirlas.

El tamaño máximo que recomendamos es de 100KB, ya que cualquier cosa superior puede provocar problemas de entregabilidad y visualización. Por ejemplo, Gmail recortará su html en 102KB. El recorte ocultará el final de su correo electrónico y puede romper su diseño. El manejo de correos electrónicos por parte de Gmail también tiene otras consideraciones, como el impacto de la precarga de imágenes en el seguimiento del correo electrónico.

La mayoría de los correos electrónicos deberían fácilmente estar por debajo de 50KB. Sin embargo, a veces las mejoras progresivas complejas o una gran cantidad de contenido de campaña resultan en un tamaño de archivo mayor. Si esto sucede, hay varias maneras de ayudar a reducir el tamaño de su archivo HTML.

  • Limpie su código. El correo electrónico está cambiando constantemente y vemos muchas plantillas con código obsoleto. Una rápida limpieza puede ahorrar algunos KB.

  • No sobrecodifique. Algunas plantillas que vemos tienen código adicional que simplemente no es necesario. Para obtener orientación sobre la creación de plantillas eficientes, consulte nuestra guía sobre plantillas avanzadas de correo electrónico. El peor infractor es agregar elementos de tabla adicionales. La mayoría de los diseños se pueden lograr con 5-10 tablas, pero a menudo vemos código con 30-40 tablas. Menos tablas también tiene el beneficio adicional de facilitar la lectura de su código.

  • Mueva algo de código de HTML a CSS. Aún no es seguro mover todos sus estilos a CSS, pero si se hace correctamente, mover algunos estilos en línea a estilos incorporados puede ayudar a reducir el código.

  • Simplifique su diseño. Otra opción es volver a la etapa de diseño. Los correos electrónicos de una sola columna usan mucho menos código.

  • Minifique su código. La minificación de código eliminará espacios y comentarios innecesarios. Esto puede tener un gran efecto, pero tenga cuidado ya que muchos ESPs imponen una longitud máxima de línea que podría forzar una nueva línea y romper el código.


Límites de Tamaño de Correo Electrónico Recomendados

Métrica

Límite Recomendado

Tamaño de archivo HTML (ideal)

≤ 50 KB

Tamaño de archivo HTML (máximo)

100 KB

Tamaño de archivo de imagen (máximo típico)

≤ 100 KB

GIF animado máximo

Hasta 500 KB

Tamaño de correo electrónico completamente cargado (recomendado)

≤ 1 MB

Impacto de carga en redes lentas

2–14 seg en 3G; mucho más en 2G

Tamaño de External Assets

El tamaño de los activos externos es el tamaño de todas tus imágenes y hojas de estilo externas. Dado que los tamaños externos son raros, nos enfocaremos más en imágenes por ahora.

Si estás utilizando imágenes de fondo y consultas de medios, es posible que en ciertos entornos no todo se descargue para cada usuario. Pero, recuerda que incluso si defines display:none;  en un elemento <img>, todavía se descargará. Actualmente no hay forma de detener esto.

El tamaño máximo para la mayoría de las imágenes es 100KB, pero si tienes una imagen grande de alta resolución o un gif animado, podría llegar hasta 500KB. Comprender los problemas de rendimiento del correo electrónico a menudo requiere leer los encabezados de correo electrónico para resolver problemas. Sin embargo, se trata más del tamaño total, que cubriremos en la sección del tamaño de correo electrónico completamente cargado.

Hay muchos recursos disponibles para ayudar a comprimir el tamaño de las imágenes:

  • ImageOptim – en Mac, o como un servicio web

  • Caesium – en Windows

  • CDN –  Muchos CDNs tienen optimización de imágenes incorporada. Algunos incluso ajustarán la compresión según el ancho de banda disponible.

Aquí hay algunos otros consejos que recomendamos:

  • Asegúrate de estar utilizando el formato más apropiado, .jpg para fotos, .gif para gráficos y .png cuando necesites canales alfa.

  • Simplifica tu diseño. Nuevamente, vuelve a la etapa de diseño para usar menos imágenes, imágenes más pequeñas o imágenes más simples que puedan comprimirse a tamaños más pequeños.

El tamaño de los activos externos es el tamaño de todas tus imágenes y hojas de estilo externas. Dado que los tamaños externos son raros, nos enfocaremos más en imágenes por ahora.

Si estás utilizando imágenes de fondo y consultas de medios, es posible que en ciertos entornos no todo se descargue para cada usuario. Pero, recuerda que incluso si defines display:none;  en un elemento <img>, todavía se descargará. Actualmente no hay forma de detener esto.

El tamaño máximo para la mayoría de las imágenes es 100KB, pero si tienes una imagen grande de alta resolución o un gif animado, podría llegar hasta 500KB. Comprender los problemas de rendimiento del correo electrónico a menudo requiere leer los encabezados de correo electrónico para resolver problemas. Sin embargo, se trata más del tamaño total, que cubriremos en la sección del tamaño de correo electrónico completamente cargado.

Hay muchos recursos disponibles para ayudar a comprimir el tamaño de las imágenes:

  • ImageOptim – en Mac, o como un servicio web

  • Caesium – en Windows

  • CDN –  Muchos CDNs tienen optimización de imágenes incorporada. Algunos incluso ajustarán la compresión según el ancho de banda disponible.

Aquí hay algunos otros consejos que recomendamos:

  • Asegúrate de estar utilizando el formato más apropiado, .jpg para fotos, .gif para gráficos y .png cuando necesites canales alfa.

  • Simplifica tu diseño. Nuevamente, vuelve a la etapa de diseño para usar menos imágenes, imágenes más pequeñas o imágenes más simples que puedan comprimirse a tamaños más pequeños.

El tamaño de los activos externos es el tamaño de todas tus imágenes y hojas de estilo externas. Dado que los tamaños externos son raros, nos enfocaremos más en imágenes por ahora.

Si estás utilizando imágenes de fondo y consultas de medios, es posible que en ciertos entornos no todo se descargue para cada usuario. Pero, recuerda que incluso si defines display:none;  en un elemento <img>, todavía se descargará. Actualmente no hay forma de detener esto.

El tamaño máximo para la mayoría de las imágenes es 100KB, pero si tienes una imagen grande de alta resolución o un gif animado, podría llegar hasta 500KB. Comprender los problemas de rendimiento del correo electrónico a menudo requiere leer los encabezados de correo electrónico para resolver problemas. Sin embargo, se trata más del tamaño total, que cubriremos en la sección del tamaño de correo electrónico completamente cargado.

Hay muchos recursos disponibles para ayudar a comprimir el tamaño de las imágenes:

  • ImageOptim – en Mac, o como un servicio web

  • Caesium – en Windows

  • CDN –  Muchos CDNs tienen optimización de imágenes incorporada. Algunos incluso ajustarán la compresión según el ancho de banda disponible.

Aquí hay algunos otros consejos que recomendamos:

  • Asegúrate de estar utilizando el formato más apropiado, .jpg para fotos, .gif para gráficos y .png cuando necesites canales alfa.

  • Simplifica tu diseño. Nuevamente, vuelve a la etapa de diseño para usar menos imágenes, imágenes más pequeñas o imágenes más simples que puedan comprimirse a tamaños más pequeños.

Tamaño de correo electrónico totalmente cargado

Este es el tamaño combinado de todo cuando el correo electrónico se abre y todo se descarga. Esto puede variar dependiendo del entorno donde se abra el correo electrónico.

El problema principal aquí es el tiempo que tarda en cargar el correo electrónico. Probablemente estarás probando tus correos electrónicos en una oficina con una conexión muy rápida, pero muchos de tus destinatarios pueden estar en dispositivos móviles con una conexión lenta de 3G.

Con una buena conexión, un tamaño total de correo electrónico de 1mb se cargaría en una fracción de segundo y parecería instantáneo para el usuario. Sin embargo, en una conexión de 3G podría tardar entre 2 y 14 segundos en cargar el correo completo. Y, si es probable que tu público objetivo esté en una conexión de 2G, esa descarga podría tardar un par de minutos. Cuando los correos electrónicos cargan lentamente, los asuntos atractivos se vuelven aún más críticos para la participación.

Este también es un problema potencial con usuarios que tienen planes de datos restrictivos y que deben considerar cada MB que descargan. Esto es particularmente una consideración en naciones en desarrollo.

Un par de cosas que puedes hacer para ayudar:

En primer lugar, revisa todas las recomendaciones que mencionamos sobre la optimización del tamaño de html e imágenes.
Si tienes tiempo, siempre es bueno experimentar con el código y probar qué es realmente necesario y qué puedes omitir. Experimenta con imágenes y prueba diferentes formas de comprimirlas. Asegúrate de que tu correo electrónico se vea bien y tenga sentido sin imágenes, para que tus usuarios puedan comenzar a ver tu correo electrónico mientras esperan las imágenes.

Este es el tamaño combinado de todo cuando el correo electrónico se abre y todo se descarga. Esto puede variar dependiendo del entorno donde se abra el correo electrónico.

El problema principal aquí es el tiempo que tarda en cargar el correo electrónico. Probablemente estarás probando tus correos electrónicos en una oficina con una conexión muy rápida, pero muchos de tus destinatarios pueden estar en dispositivos móviles con una conexión lenta de 3G.

Con una buena conexión, un tamaño total de correo electrónico de 1mb se cargaría en una fracción de segundo y parecería instantáneo para el usuario. Sin embargo, en una conexión de 3G podría tardar entre 2 y 14 segundos en cargar el correo completo. Y, si es probable que tu público objetivo esté en una conexión de 2G, esa descarga podría tardar un par de minutos. Cuando los correos electrónicos cargan lentamente, los asuntos atractivos se vuelven aún más críticos para la participación.

Este también es un problema potencial con usuarios que tienen planes de datos restrictivos y que deben considerar cada MB que descargan. Esto es particularmente una consideración en naciones en desarrollo.

Un par de cosas que puedes hacer para ayudar:

En primer lugar, revisa todas las recomendaciones que mencionamos sobre la optimización del tamaño de html e imágenes.
Si tienes tiempo, siempre es bueno experimentar con el código y probar qué es realmente necesario y qué puedes omitir. Experimenta con imágenes y prueba diferentes formas de comprimirlas. Asegúrate de que tu correo electrónico se vea bien y tenga sentido sin imágenes, para que tus usuarios puedan comenzar a ver tu correo electrónico mientras esperan las imágenes.

Este es el tamaño combinado de todo cuando el correo electrónico se abre y todo se descarga. Esto puede variar dependiendo del entorno donde se abra el correo electrónico.

El problema principal aquí es el tiempo que tarda en cargar el correo electrónico. Probablemente estarás probando tus correos electrónicos en una oficina con una conexión muy rápida, pero muchos de tus destinatarios pueden estar en dispositivos móviles con una conexión lenta de 3G.

Con una buena conexión, un tamaño total de correo electrónico de 1mb se cargaría en una fracción de segundo y parecería instantáneo para el usuario. Sin embargo, en una conexión de 3G podría tardar entre 2 y 14 segundos en cargar el correo completo. Y, si es probable que tu público objetivo esté en una conexión de 2G, esa descarga podría tardar un par de minutos. Cuando los correos electrónicos cargan lentamente, los asuntos atractivos se vuelven aún más críticos para la participación.

Este también es un problema potencial con usuarios que tienen planes de datos restrictivos y que deben considerar cada MB que descargan. Esto es particularmente una consideración en naciones en desarrollo.

Un par de cosas que puedes hacer para ayudar:

En primer lugar, revisa todas las recomendaciones que mencionamos sobre la optimización del tamaño de html e imágenes.
Si tienes tiempo, siempre es bueno experimentar con el código y probar qué es realmente necesario y qué puedes omitir. Experimenta con imágenes y prueba diferentes formas de comprimirlas. Asegúrate de que tu correo electrónico se vea bien y tenga sentido sin imágenes, para que tus usuarios puedan comenzar a ver tu correo electrónico mientras esperan las imágenes.

Poniéndolo Todo Junto

Con el tamaño de los archivos, como con muchas cosas, todo se reduce a un compromiso. Puede que hagas pruebas A/B y encuentres que las imágenes grandes de alta resolución tienen un buen desempeño. Puede que encuentres que un contenido detallado tiene un buen desempeño. Puede que descubras que la interactividad compleja funciona bien. Sin embargo, cuando combinas los tres en una sola campaña, puedes ver que las cosas comienzan a tener un mal desempeño. Los problemas de rendimiento del correo electrónico también pueden provenir de problemas de entregabilidad como errores tipográficos en las direcciones de correo electrónico.

Con el tamaño de los archivos, como con muchas cosas, todo se reduce a un compromiso. Puede que hagas pruebas A/B y encuentres que las imágenes grandes de alta resolución tienen un buen desempeño. Puede que encuentres que un contenido detallado tiene un buen desempeño. Puede que descubras que la interactividad compleja funciona bien. Sin embargo, cuando combinas los tres en una sola campaña, puedes ver que las cosas comienzan a tener un mal desempeño. Los problemas de rendimiento del correo electrónico también pueden provenir de problemas de entregabilidad como errores tipográficos en las direcciones de correo electrónico.

Con el tamaño de los archivos, como con muchas cosas, todo se reduce a un compromiso. Puede que hagas pruebas A/B y encuentres que las imágenes grandes de alta resolución tienen un buen desempeño. Puede que encuentres que un contenido detallado tiene un buen desempeño. Puede que descubras que la interactividad compleja funciona bien. Sin embargo, cuando combinas los tres en una sola campaña, puedes ver que las cosas comienzan a tener un mal desempeño. Los problemas de rendimiento del correo electrónico también pueden provenir de problemas de entregabilidad como errores tipográficos en las direcciones de correo electrónico.

Otras noticias

Leer más de esta categoría

A person is standing at a desk while typing on a laptop.

La plataforma completa AI-native que escala con tu negocio.

Contactar con ventas

Empieza gratis

© 2025 Bird

Contactar Soporte

A person is standing at a desk while typing on a laptop.

La plataforma completa AI-native que escala con tu negocio.

Contactar con ventas

Empieza gratis

© 2025 Bird

Contactar Soporte

A person is standing at a desk while typing on a laptop.

La plataforma completa AI-native que escala con tu negocio.

Contactar con ventas

Empieza gratis

© 2025 Bird

Contactar Soporte