Cómo comprimir imágenes para web sin perder calidad (2026)

Las imágenes son, casi siempre, lo que más pesa en una web. Aprender a comprimir imágenes bien es de lo que más impacta en la velocidad de carga y, de paso, en tu SEO y en la experiencia del usuario. Te cuento cómo hacerlo sin perder calidad, con herramientas gratis y buenas prácticas.

Por qué comprimir las imágenes

Una imagen sin optimizar puede pesar varios megas. Multiplícalo por las que hay en una página y tienes una web lenta. Comprimir reduce ese peso manteniendo una calidad que el ojo apenas nota. El resultado: carga más rápida, mejores Core Web Vitals y menos rebote.

Mejores herramientas para comprimir imágenes gratis

Para comprimir sueltas o en lote, sin instalar nada, estas son las que uso:

• TinyPNG — el clásico para PNG y JPG. Arrastras, comprime y descargas. Reduce mucho con pérdida casi invisible. Ir a TinyPNG
• Squoosh — de Google. Comparas antes/después con un deslizador y eliges formato y calidad al detalle, incluido WebP y AVIF. Ir a Squoosh
• Compressor.io — admite JPG, PNG, WebP, SVG y GIF, con compresión con y sin pérdida. Ir a Compressor.io
• iLoveIMG — cómodo para comprimir y redimensionar varias imágenes a la vez. Ir a iLoveIMG

Formatos modernos: WebP y AVIF

Más allá de JPG y PNG, hoy conviene usar formatos modernos que pesan mucho menos con la misma calidad:

• WebP — el estándar actual. Pesa bastante menos que JPG y PNG y lo soportan todos los navegadores modernos.
• AVIF — aún más eficiente que WebP, ideal para fotos. El soporte ya es amplio, pero conviene dejar un JPG de reserva.

Con Squoosh conviertes cualquier imagen a WebP o AVIF en segundos. La etiqueta <picture> te deja servir WebP/AVIF y un JPG de fallback para navegadores antiguos.

Comprimir imágenes en WordPress

Si trabajas en WordPress, lo cómodo es un plugin que comprima al subir y convierta a WebP automáticamente:

• ShortPixel — comprime en lote y convierte a WebP/AVIF; plan gratuito mensual.
• Imagify — de los creadores de WP Rocket, muy sencillo, con niveles de compresión.
• Smush — popular y fácil, con compresión y lazy load.
• EWWW Image Optimizer — optimiza también las imágenes que ya tenías subidas.

Buenas prácticas antes de subir

La mejor compresión empieza antes de comprimir. Con esto evitas subir peso de más:

1. Redimensiona a las dimensiones reales de uso. No subas una foto de 5000px para mostrarla a 800px.
2. Usa JPG/WebP para fotos y PNG/SVG para logos y gráficos con transparencia.
3. Aprovecha srcset para servir tamaños distintos según el dispositivo.
4. Activa la carga diferida (lazy load) para que las imágenes bajen cuando se necesitan.
5. Comprueba el resultado con una herramienta de velocidad y ajusta si hace falta.

Preguntas frecuentes

¿Cómo comprimo imágenes sin perder calidad?

Usa una herramienta como TinyPNG o Squoosh y baja la calidad hasta el punto en que el ojo no note diferencia (suele estar entre 70 y 80). Convertir a WebP ayuda a reducir aún más el peso.

¿Qué es mejor, JPG, PNG o WebP?

JPG para fotos, PNG para gráficos con transparencia y WebP para casi todo, porque pesa menos con la misma calidad. Para fotos grandes, valora AVIF.

¿La compresión afecta al SEO?

Sí, para bien. Imágenes ligeras mejoran la velocidad y los Core Web Vitals, dos factores que Google tiene en cuenta para el posicionamiento.

¿Cómo comprimo imágenes en WordPress automáticamente?

Con un plugin como ShortPixel, Imagify, Smush o EWWW. Comprimen al subir y convierten a WebP sin que tengas que hacer nada manual.

¿Cuánto debe pesar una imagen en una web?

Depende del uso, pero como referencia, una foto de contenido bien optimizada suele quedar por debajo de 150-200 KB. Los fondos grandes, cuanto más ligeros mejor.

Más sobre velocidad y diseño web

• Cómo hacer una página web responsive
• Microinteracciones web con código
• Más recursos en la categoría Desarrollo web

Con esto ya puedes dejar tus imágenes ligeras y tu web volando. Si te ha servido, cuéntame en comentarios qué herramienta usas tú.