Guía práctica22 de abril de 20266 min de lectura

Cómo comprimir imágenes sin perder calidad – guía práctica

Las imágenes pesadas son la principal causa de webs lentas. La buena noticia: con los ajustes correctos ahorras un 60–80 % de tamaño sin diferencia visible. Esta guía te explica cómo.

Imágenes comprimidas con un control deslizante

¿Sin pérdida o con pérdida?

La compresión sin pérdida (PNG, WebP lossless, FLIF) conserva cada píxel exactamente – solo mejora la codificación. Ahorro típico frente al no comprimido: 20–40 %. Ideal para logos, capturas y cualquier cosa que necesite precisión píxel a píxel.

La compresión con pérdida (JPG, WebP, AVIF) descarta información que el ojo apenas detecta. Reduce muchísimo las fotos: 80–95 % frente al no comprimido. Para fotos web, es la opción correcta.

Encontrar el nivel de calidad ideal

Para JPG y WebP, calidad 75–85 es el sweet spot: diferencia apenas visible y gran reducción de tamaño. Por debajo de 60 verás artefactos; por encima de 90 es desperdicio.

Truco: usa comparativas antes/después. Herramientas como Pixshift trabajan en el navegador y muestran el ahorro en porcentaje. Imágenes con texto o bordes duros piden más calidad; degradados suaves se conforman con 70.

Errores comunes que disparan el peso

Cargar imágenes el doble de grandes que el área que ocupan: una galería 1920×1080 en un layout 800×600 desperdicia 3× los bytes. Redimensiona antes de comprimir y usa `srcset` para retina.

Formato equivocado: logos en JPG (bordes pastosos), fotos en PNG (archivos enormes). Ajusta el formato al contenido – foto → JPG/WebP/AVIF, gráfico con transparencia → PNG/WebP/AVIF, logo vectorial → SVG.

¿Cuánto puedes ahorrar de verdad?

Cifras reales: un JPG de 4 MB de réflex baja a ~800 KB con calidad 80 — factor 5. La misma foto como WebP-80 queda en 600 KB. Como AVIF-80, 450 KB. Para gráficos puros (logo, captura), un 50-70 % adicional sobre OptiPNG sin sacrificar píxeles.

Cuidado con la falsa economía: pasar un JPG de 100 KB a 50 KB apenas cambia nada (10-20 ms en carga) y cuesta calidad visible. Concéntrate en los grandes — comprimir una hero de 5 MB rinde 50x más.