Los correos electrónicos que tardan en cargar frustran a los suscriptores y perjudican el compromiso. Los correos electrónicos más grandes de 100KB pueden ser recortados por Gmail, ocultando tu llamada a la acción o enlace de cancelación de suscripción. Los archivos de imagen grandes y el código HTML no optimizado ralentizan los tiempos de carga, especialmente en dispositivos móviles.
Esta guía te muestra cómo reducir el tiempo de carga del correo electrónico optimizando imágenes, minificando el código HTML y mejorando el rendimiento móvil.
Antes de empezar
Para verificar el tamaño actual de tu correo electrónico:
Envía una campaña de correo electrónico de prueba a ti mismo en Gmail. Abre el correo electrónico → Haz clic en el tres puntos (⋮) → Seleccionar Mostrar original → Hacer clic Descargar original para ver el tamaño de tu archivo.
💡 Consejo: Mantén el tamaño total de tu correo electrónico por debajo de 100KB para evitar el recorte en Gmail.
Por qué importa el tiempo de carga del correo electrónico
El tiempo de carga del correo electrónico afecta:
Experiencia del usuario: Los correos electrónicos que tardan en cargar frustran a los suscriptores, especialmente en dispositivos móviles.
Ubicación de la bandeja de entrada: Los correos electrónicos mayores de 100KB son recortados por Gmail. Si tu enlace de cancelación de suscripción está oculto, los destinatarios pueden marcar tu correo electrónico como spam.
Compromiso: Los correos electrónicos más rápidos se cargan completamente antes de que los suscriptores pierdan interés.
Factores clave que aumentan el tamaño del correo electrónico:
Imágenes de alta resolución (superiores a 72 DPI).
Demasiadas imágenes (cada imagen = 1 solicitud al servidor).
Código HTML y CSS sin minificar.
Animaciones CSS y consultas de medios complejas.
Optimizar imágenes
Limitar el número de imágenes
Cada imagen en tu correo electrónico es una solicitud de servidor separada. Si cargas 20 imágenes pequeñas, eso son 20 solicitudes, lo que aumenta el tiempo de carga.
Cómo reducir las solicitudes de imágenes:
Combina múltiples imágenes pequeñas en una imagen más grande (usa sprites de imagen).
Reemplaza las imágenes decorativas (viñetas, divisores, íconos) con texto estilizado o formas CSS.
Usa una relación de texto a imagen de 60:40 (60% texto, 40% imágenes). Por cada imagen, incluye de 2 a 4 oraciones de texto.
Reducir el tamaño del archivo de imagen
Sigue estos pasos para comprimir imágenes sin perder calidad:
1. Guardar imágenes para web
Usa la función "Guardar para Web" en tu editor de imágenes para reducir el tamaño del archivo sin reducir la calidad.
2. Exportar imágenes a 72 DPI
Para verificar el DPI de una imagen:
Windows: Haz clic derecho en el archivo → Seleccionar Propiedades → Detalles. Verifica Resolución horizontal y Resolución vertical.
Mac: Abre la imagen → Seleccionar Herramientas → Ajustar tamaño en la barra de menú.
Exportar a 72 DPI mantiene las imágenes nítidas mientras reduce el tamaño del archivo.
3. Redimensionar fotos de stock
Si descargas una foto de stock, ábrela en un editor de imágenes y vuelve a guardarla con la calidad y el tamaño deseados.
4. Mantener imágenes uniformes
Los dispositivos móviles no redimensionarán automáticamente imágenes lado a lado si su altura y ancho no coinciden. Mantener imágenes uniformes previene problemas de apilamiento en móviles.
5. Elige el formato correcto
JPG para fotografías
PNG-8 para imágenes simples (logotipos, íconos)
PNG-24 para imágenes con elementos fotográficos
Los archivos PNG mantienen la mejor calidad pero aumentan el tamaño del correo electrónico. Usa JPG cuando sea posible.
6. Usa herramientas de optimización de imágenes
Ejecuta tus imágenes a través de aplicaciones de optimización de terceros (como TinyPNG, ImageOptim o Squoosh) para reducir aún más el tamaño del archivo mientras mantienes la calidad.
Dividir correos electrónicos largos en secciones
En lugar de crear un solo correo electrónico largo, divídelo en secciones utilizando divisores (bloques de línea o espacio).
Por qué esto ayuda: Los divisores separan tu correo electrónico en secciones HTML más pequeñas, permitiendo que los clientes de correo electrónico rendericen el contenido progresivamente de arriba hacia abajo. Esto hace que tu correo electrónico parecen cargar más rápido, incluso si el tamaño total permanece igual.
Cómo agregar divisores en Omnisend:
En el Editor de correos electrónicos, arrastra un bloque de Línea o Espacio entre las secciones de contenido.
Repite cada 2–3 bloques de contenido.
Los correos electrónicos sin divisores se cargan como un gran bloque, lo que aumenta el tiempo de carga percibido.
Minificar el código HTML
Si usas HTML o CSS personalizados, la minificación elimina caracteres innecesarios (espacios en blanco, comentarios, saltos de línea) de tu código HTML y CSS sin cambiar su funcionamiento. Esto reduce el tamaño del archivo en un 20-30%.
¿Por qué minificar?
Reduce el tamaño del correo electrónico (ayuda a evitar el recorte en Gmail).
Acelera la renderización en los clientes de correo electrónico.
Ahorra datos móviles para los suscriptores.
Cómo minificar:
Copia tu código HTML.
Utiliza una herramienta de minificación como HTMLMinifier o el Compresor HTML de Email on Acid.
Pega el código minificado en el bloque de contenido HTML de Omnisend.
💡 Consejo: Recorta el espacio en blanco no deseado en las imágenes utilizando posicionamiento HTML en lugar de agregar espacio en blanco al archivo de imagen en sí.
Optimizar para dispositivos móviles
Las velocidades de descarga móviles son más lentas que las de escritorio. Si tienes una gran audiencia móvil, optimizar para móviles es crítico.
Consejos de optimización móvil:
Comprimir imágenes específicamente para móviles – Utiliza herramientas como TinyPNG o Squoosh para crear versiones más pequeñas de imágenes para móviles.
Usar configuraciones de visibilidad – Oculta contenido no esencial (imágenes grandes, banners) en dispositivos móviles para reducir el tiempo de carga.
Cómo establecer visibilidad en Omnisend:
Haz clic en el bloque de contenido que deseas ajustar.
Ve a la pestaña Diseño.
Desplázate a Visibilidad en dispositivos → Elige qué dispositivos deben mostrar el bloque de contenido:
Todos los dispositivos.
Solo dispositivos móviles.
Solo dispositivos de escritorio.
Prueba la velocidad de carga de tu correo electrónico
Después de optimizar tu correo electrónico, pruébalo para confirmar las mejoras.
Cómo probar:
Verifica el tamaño total del correo electrónico en Gmail:
Envía una campaña de correo electrónico de prueba a ti mismo en Gmail.
Abre el correo electrónico → Haz clic en los tres puntos (⋮) → Selecciona Mostrar original.
Haz clic en Descargar original para ver el tamaño de tu archivo. Mantenerlo por debajo de 100KB.
Utiliza herramientas de prueba de correo electrónico:
Litmus o Email on Acid muestra vistas previas del tiempo de carga en dispositivos y clientes de correo electrónico.
Prueba A/B de correos electrónicos optimizados vs. no optimizados:
Crea dos versiones de tu campaña de correo electrónico: una con imágenes optimizadas, otra sin.
Usa la Prueba de contenido A/B de Omnisend para comparar métricas de compromiso.
Preguntas Frecuentes
¿Cuál es un tamaño de correo electrónico aceptable?
Mantén el tamaño total de tu correo electrónico menos de 100KB para evitar el recorte en Gmail. Los correos electrónicos más grandes de 100KB son truncados, y los destinatarios deben hacer clic en "Ver mensaje completo" para ver el contenido completo.
¿Comprimir imágenes afectará la calidad?
No, si usas "Guardar para Web" a 72 DPI. Esto mantiene la calidad visual mientras reduce el tamaño del archivo en un 40–60%.
¿Puedo usar GIFs en mis correos electrónicos?
Sí, pero los GIFs son más grandes que las imágenes estáticas. Si usas GIFs:
Mantén el tamaño del archivo por debajo de 1MB.
Utiliza herramientas como Ezgif para comprimir GIFs.
Prueba el tiempo de carga del GIF en móvil antes de enviar.
¿Necesitas más orientación? Nuestro equipo de soporte está a solo un clic en la aplicación, o puedes enviar un correo electrónico [email protected].