Por qué comprimir imágenes arruina o salva tu sitio web (y cómo saber en qué lado estás)
“Una imagen de 4 MB no es un problema estético. Es un cliente que se fue antes de ver el botón de cotizar.”
Una sola imagen mal optimizada puede agregar 3 segundos a la carga de tu sitio. En esos 3 segundos pierdes la mitad del tráfico móvil.
No es teoría. Google lo mide, lo penaliza en ranking, y el usuario lo siente sin saber por qué se va. La buena noticia: es uno de los problemas más caros en consecuencia y más baratos en solución.
Este post explica qué pasa exactamente, cómo auditar tu sitio en 5 minutos, y qué hacer hoy si descubres que tienes el problema.
Por qué Google y tu cliente penalizan lo mismo
Google mide la velocidad de tu sitio con métricas concretas — las Core Web Vitals. La más relevante para el problema de imágenes es LCP (Largest Contentful Paint): cuánto tarda en cargar el elemento visual más grande de tu página. En la mayoría de los sitios, ese elemento es una imagen del hero.
Si tu LCP supera los 2.5 segundos, Google te baja en resultados de búsqueda. Si supera los 4 segundos, te marca explícitamente como "pobre" y compite peor incluso con sitios que tienen menos contenido que el tuyo.
El cliente, sin saber nada de esto, hace lo mismo: se va. Estudios consistentes muestran que cada segundo extra de carga en mobile baja la conversión entre 7% y 20%. Si tu sitio tarda 6 segundos en lugar de 2, no estás perdiendo el 5% de los clientes — estás perdiendo más de la mitad.
La matemática real: 4 MB vs 400 KB
Una foto sacada con el celular y subida directo al CMS pesa entre 3 y 5 MB. La misma imagen, con la calidad visual prácticamente idéntica para el ojo humano, puede pesar entre 200 y 400 KB en formato moderno bien comprimido.
La diferencia en velocidad no es marginal:
- 4 MB en 4G real (no en wifi de oficina): entre 4 y 8 segundos para cargar esa sola imagen.
- 400 KB en 4G real: entre 0.4 y 0.8 segundos.
Si tu home tiene 6 imágenes así (un hero, tres servicios, dos testimonios con foto), la diferencia entre estar bien optimizado y no estarlo es 30+ segundos de carga acumulada en móvil. Tu visitante no ve eso como segundos — lo ve como "este sitio no jala" y cierra la pestaña.
Seis imágenes mal optimizadas suman 30 segundos de carga acumulada en móvil. Tu visitante no lo lee como segundos — lo lee como "este sitio no jala" y cierra la pestaña.
Formatos que sí funcionan en 2026 (y cuándo usar cada uno)
Esta es la parte donde la mayoría de los dueños de negocio se pierden, porque su CMS sube lo que sea. Hay tres formatos que importan:
WebP es el formato por default para la web hoy. Está soportado por todos los navegadores modernos (Chrome, Safari, Firefox, Edge) desde hace años. Comprime mejor que JPEG sin pérdida de calidad visible. Si tienes que elegir uno solo, es éste.
AVIF es la siguiente generación. Comprime aún mejor que WebP — entre 30% y 50% más pequeño con la misma calidad. La compatibilidad ya es buena (Chrome, Firefox, Safari moderno). Lo usamos cuando el peso extra realmente importa: hero de páginas con tráfico alto, e-commerce con catálogos grandes.
JPEG y PNG siguen sirviendo para casos específicos. JPEG para fotografías cuando el sistema viejo no soporta WebP. PNG solo cuando necesitas transparencia (logos, íconos sobre fondos variables). Usar PNG para una foto es uno de los errores más comunes y más caros — un PNG de una foto puede pesar 10 veces más que el WebP equivalente.
Regla simple: WebP por default. PNG solo si hay transparencia. JPEG solo si hay restricción técnica.
Cómo auditar tu sitio en 5 minutos
No necesitas pagar nada ni instalar herramientas. Dos pasos:
Paso 1: PageSpeed Insights
Entra a pagespeed.web.dev, pega la URL de tu home, dale "Analyze". En menos de un minuto te da:
- Score móvil y desktop (de 0 a 100).
- LCP en segundos.
- Lista de oportunidades, donde "Properly size images" y "Serve images in next-gen formats" salen primero si tienes el problema.
Paso 2: Network tab del navegador
Abre tu sitio en Chrome, click derecho → "Inspect" → tab "Network" → recarga. Ordena por "Size". Las imágenes pesadas salen arriba. Si ves una sola imagen de más de 500 KB, ya tienes evidencia de que hay trabajo por hacer.
Si la suma de todas las imágenes de tu home pasa de 1.5 MB, tu sitio carga lento — independientemente de qué tan rápido sea tu hosting.
Qué hacer hoy: checklist de 4 pasos
Si descubres que tienes el problema, esto es lo que haces en orden:
- Identifica las 5 imágenes más pesadas del sitio (Network tab te las da). Eso es el 80% del problema.
- Comprímelas a WebP con calidad 80–85. La pérdida visual es invisible. La ganancia de peso es del 60–80%.
- Reescala antes de comprimir. Si tu hero es de 1920 px de ancho y tu CMS sirve una imagen de 4000 px, estás cargando el doble del peso necesario. La imagen debe servirse al tamaño real al que se mostrará.
- Subir y reemplazar. En la mayoría de los CMS modernos (WordPress, Webflow, Wix) puedes subir el WebP directamente. En sitios custom puede requerir un cambio en el código — si no lo manejas tú, mándale a tu desarrollador esta lista.
Construimos croma.aurora33.live exactamente para esto: subes las imágenes en lote (hasta 15 a la vez en el plan gratuito), elige el formato y la calidad, y descargas las versiones optimizadas en segundos. Sin instalación, sin cuenta. Lo construimos para nosotros mismos cuando teníamos que optimizar catálogos de cliente.
Cuándo el problema no es las imágenes
Honestidad necesaria: si tu sitio carga lento y tus imágenes ya están en WebP de 200 KB, el problema no es ése. Probablemente es:
- Hosting compartido lento (revisa "Time to First Byte" en PageSpeed; si pasa de 600 ms, es el servidor).
- Plugins o scripts de terceros (chatbots, trackers, video embebido).
- Código mal construido que carga librerías completas para usar el 5% (común en sitios hechos con templates pesados).
Optimizar imágenes es el primer paso porque es el que más impacto tiene con menos esfuerzo. Pero no es el único. Si después de optimizar imágenes tu LCP sigue arriba de 2.5 segundos, hay otra cosa.
Diagnóstico binario
Corre PageSpeed Insights ahora mismo. Mira el LCP móvil:
- Menor a 2.5 s: estás bien. Mantenlo así cada vez que subas contenido nuevo.
- Entre 2.5 s y 4 s: tienes margen real de mejora. Empieza por las 5 imágenes más pesadas.
- Mayor a 4 s: estás perdiendo clientes en este momento. No es opcional. Es la prioridad.
Comprimir imágenes no es la solución glamorosa, pero es la que mueve la aguja en sitios reales. Si quieres ver cuánto pesa tu sitio hoy y cuánto podrías bajar, corre PageSpeed o entra a croma.aurora33.live y prueba con 3 imágenes de tu home. En 5 minutos sabes si el problema está ahí.
