Las imágenes son la causa número uno de que una web cargue lento. Un estudio de Google confirma que el 53% de los usuarios abandona una página móvil si tarda más de 3 segundos en cargar. Y en la mayoría de webs, las imágenes representan entre el 50% y el 80% del peso total de la página. Optimizarlas correctamente puede reducir el tiempo de carga a la mitad y mejorar directamente tu posicionamiento en Google.
Desde 2021, Google utiliza las métricas de Core Web Vitals como factor de posicionamiento. Estas métricas miden la experiencia del usuario al cargar una página, y las imágenes pesadas afectan directamente a dos de ellas:
En resumen: imágenes pesadas = web lenta = peor posición en Google = menos visitas.
El error más frecuente. Una foto tomada con el móvil pesa entre 3 y 10 MB. Subida directamente a una web sin comprimir, obliga al usuario a descargar esos megas cada vez que visita la página. La misma imagen comprimida correctamente puede pesar 200-400 KB con una calidad visual idéntica.
Muchos sitios usan PNG para fotografías, cuando JPG o WebP producirían archivos entre 3 y 5 veces más pequeños a la misma calidad visual. PNG solo debe usarse para imágenes con transparencia, logos e iconos.
Si en tu web la imagen se muestra a 800 píxeles de ancho, no tiene ningún sentido subir una imagen de 4000 píxeles. El navegador la descarga entera y luego la reduce visualmente — un desperdicio enorme de ancho de banda.
Si no especificas el ancho y alto de una imagen en el código HTML, el navegador no sabe cuánto espacio reservar mientras la descarga. Esto causa el efecto de "salto" — el contenido se mueve cuando la imagen aparece — que empeora el CLS y la experiencia del usuario.
El lazy loading (carga diferida) hace que las imágenes que están fuera de la pantalla visible no se descarguen hasta que el usuario llega a ellas haciendo scroll. Sin él, el navegador descarga todas las imágenes de la página a la vez, aunque el usuario nunca llegue a verlas.
WebP es el formato óptimo para web en 2025. Ofrece entre un 25% y un 35% menos de peso que JPG a la misma calidad, admite transparencia como PNG, y es compatible con el 96% de los navegadores modernos. Si tu web está en WordPress, la mayoría de plugins de optimización convierten automáticamente a WebP.
Antes y después de optimizar tus imágenes, puedes medir el impacto con estas herramientas gratuitas:
Una puntuación de PageSpeed por encima de 90 en móvil se considera excelente. Las imágenes sin optimizar son la causa más frecuente de puntuaciones bajas.
Los resultados varían según el punto de partida, pero en webs típicas que nunca han optimizado sus imágenes es habitual ver mejoras de:
Optimizar las imágenes de tu web es una de las acciones con mayor impacto en velocidad y SEO que puedes hacer sin tocar código. Redimensionar al tamaño correcto, comprimir a una calidad del 75-80% y usar WebP como formato son tres pasos simples que pueden transformar la velocidad de tu sitio. Con Pixvix puedes hacer todo esto de forma gratuita, sin instalar nada y sin que tus imágenes salgan de tu dispositivo.