Introducción
Cambiaste tu web a WebP esperando un empujón de velocidad y PageSpeed Insights te sigue penalizando por imágenes pesadas. WebP es más eficiente que JPG, pero simplemente servir WebP no es toda la historia de optimización. Si tus WebP se exportan a calidad máxima desde Photoshop o directamente de la cámara, suelen pesar más de lo necesario para visualización web y ese peso extra aparece directo en tus tiempos de carga y en tus puntuaciones de Core Web Vitals. La buena noticia es que puedes optimizar imágenes WebP aún más sin cargarte la calidad visual y las ganancias pueden ser dramáticas. En esta guía cubrimos cómo exprimir tus imágenes WebP para páginas más rápidas y mejores puntuaciones de Core Web Vitals. También tratamos cómo procesar por lotes una web entera para que cada imagen reciba el mismo tratamiento sin trabajo manual uno a uno.
Por qué ocurre esto
La compresión de WebP es eficiente, pero está ajustada para calidad por defecto. La mayoría de editores de imagen exportan WebP a calidad 90 o superior, lo que conserva detalle fino pero produce archivos aún pesados para uso web. Una imagen hero típica exportada a calidad 90 puede pesar de 500 KB a 1 MB y una galería de producto con 20 imágenes puede sumar varios megas, hundiendo los tiempos de carga en conexiones móviles. La velocidad de página importa porque Google usa Core Web Vitals como factor de posicionamiento y los compradores abandonan las webs lentas. Las dos palancas que tienes son calidad y dimensiones. Bajar la calidad de 90 a 70 suele reducir los archivos de un 50 a un 70 por ciento sin diferencia visible en pantalla. Redimensionar las imágenes a sus dimensiones de visualización, en vez de servir una foto de 4000 píxeles en un hueco de 600, recorta el tamaño de archivo de forma drástica. La mayoría de webs deja ambas palancas sin tocar, por eso WebP por sí solo no garantiza páginas rápidas.
3 soluciones
Solución 1: Comprimir y redimensionar por lotes en una pasada. Pasa tus imágenes WebP por una herramienta de compresión por lotes, ajusta la calidad a 70 y redimensiona a las dimensiones de visualización. Los archivos se reducen de un 60 a un 80 por ciento sin pérdida visible en pantalla y tu web entera va más rápido en un lote.
Solución 2: Usar una CDN con optimización automática. Cloudflare, Cloudinary e Imgix pueden comprimir y redimensionar WebP al vuelo según el dispositivo del visitante. Es cero trabajo manual tras la configuración y da a cada visitante el tamaño correcto para su pantalla.
Solución 3: Reexportar desde tu editor a menor calidad. En Photoshop o Figma, ajusta la calidad de exportación WebP a 60 o 70 en vez de 90. Te da archivos más pequeños en el origen, así cada exportación futura ya está optimizada sin un paso extra.
Guía paso a paso
Para el máximo control, usa una herramienta de compresión web. Abre el navegador y carga la página de compresión por lotes. Arrastra tus imágenes WebP a la zona de subida, puedes soltar una carpeta entera de una vez. Ajusta el deslizador de calidad a 70. Ese es el punto dulce donde el tamaño cae fuerte pero las imágenes se mantienen nítidas en pantallas de móvil y portátil. Si la herramienta ofrece redimensionar, ajusta el lado más largo a tu tamaño de visualización. Para imágenes hero, 1920 píxeles de ancho sobra. Para tarjetas de producto, 800 a 1200 píxeles valen. Para miniaturas, 400 píxeles basta. Pulsa Comprimir y deja que procese. Para un lote de 50 imágenes suele tardar uno o dos minutos. Descarga los resultados, sustituye los originales en tu web y vuelve a probar en PageSpeed Insights. Deberías ver un salto notorio en tus puntuaciones de imagen y en tu métrica de Largest Contentful Paint. Conserva siempre los archivos originales en alta resolución archivados por si necesitas reexportar a otro tamaño más adelante.
Ventajas y desventajas
Optimizar imágenes WebP reduce el peso de página de forma drástica, mejora Core Web Vitals y sube el SEO y las conversiones. La contrapartida es el tiempo de procesar lotes y el riesgo de comprimir demasiado. Si bajas la calidad demasiado, los detalles finos como la textura de tela, el texto en gráficos y los degradados suaves empiezan a mostrar artefactos. Redimensionar es más seguro porque conserva la calidad dentro de las nuevas dimensiones, pero limita cuánto puede hacer zoom el visitante. Para la mayoría de webs, un WebP a calidad 70 con dimensiones de visualización es el equilibrio ideal: pequeño, nítido y rápido. Las CDN son la opción de menor esfuerzo si quieres optimización continua sin lotes manuales, pero suman coste. Para la mayoría de propietarios de webs, una pasada de compresión por lotes mensual más una CDN para entrega da en el clavo. También merece la pena repetir la pasada de optimización cada vez que añades un lote de imágenes nuevas a tu web, ya que las subidas nuevas de tu equipo o tu CMS llegarán a calidad completa y arrastrarán tus puntuaciones hacia abajo. Una rutina simple es exportar las imágenes nuevas a una carpeta vigilada, pasarlas por la herramienta de compresión antes de subirlas y publicar solo archivos optimizados. Ese hábito mantiene tus puntuaciones de velocidad estables en el tiempo en vez de degradarse lentamente a medida que se acumula contenido fresco. Acompáñalo con chequeos periódicos en PageSpeed Insights, idealmente mensuales, y pillarás el aumento de peso antes de que dañe tu posicionamiento. La optimización no es una tarea única, es un hábito continuo que se paga en páginas más rápidas, mejor SEO y mayores conversiones.