Cómo comprimir imágenes sin perder calidad

La compresión de imágenes es una de las optimizaciones más efectivas para mejorar el rendimiento web. Una imagen comprimida correctamente se ve idéntica a la original, pero se carga entre un 50 % y un 80 % más rápido. Aquí te explicamos cómo hacerlo bien.

Qué significa realmente "pérdida de calidad"

Cuando se habla de "comprimir sin perder calidad", generalmente se hace referencia a sin pérdida de calidad visible, no a una compresión matemáticamente perfecta. El sistema visual humano es imperfecto: es menos sensible a la variación de color que al brillo, menos sensible a los detalles en áreas complejas que en áreas planas, y más sensible a los artefactos en gradientes suaves que en regiones con textura.

Los algoritmos de compresión inteligentes aprovechan estas limitaciones. Una imagen JPEG bien comprimida con calidad 80 es prácticamente indistinguible de una con calidad 100 a distancias de visualización normales. La diferencia solo se aprecia al ampliar la imagen a más del 200 % y compararlas una al lado de la otra.

Configuración de compresión adecuada según el formato

JPEG / JPG

La calidad JPEG se suele expresar con un número del 1 al 100. La calidad recomendada para imágenes web es de 80 a 85.

• Calidad 100: Similar a la compresión sin pérdidas, tamaño de archivo enorme.
• Calidad 85: ~30% más pequeño que 100, prácticamente sin diferencia visible.
• Calidad 80: ~45% más pequeño, sigue siendo excelente para la mayoría de las fotografías.
• Calidad 70: ~60% más pequeño, puede mostrar ligeros artefactos en los degradados suaves.
• Calidad 60: ~70% más pequeño, aceptable para miniaturas e imágenes no críticas.

Para diferentes casos de uso:

• Imágenes principales: Calidad 80–85
• Miniaturas de las entradas del blog: Calidad 70–75
• Fotos del producto (comercio electrónico): Calidad 80–85
• Exportaciones de redes sociales: Calidad 75–80

PNG

PNG utiliza compresión sin pérdidas; no se puede reducir la calidad ajustando una configuración de "calidad". Sin embargo, sí se puede:

1. Reducir la profundidad de color: Si un archivo PNG utiliza solo 16 o 32 colores distintos (logotipos, iconos), guardarlo como PNG con paleta de 8 bits (256 colores) reduce drásticamente el tamaño del archivo.
2. Utilice mejores algoritmos de compresión: Herramientas como PNGQuant aplican una reducción de paleta con pérdida que puede reducir el tamaño de los archivos PNG entre un 60 y un 80 % sin que se note ningún cambio.
3. Convertir a WebP: Para las fotos almacenadas como PNG, la conversión a WebP ahorra significativamente más que la compresión PNG.

WebP

La calidad de compresión WebP funciona de forma similar a JPEG, pero genera archivos más pequeños con el mismo nivel de calidad. La calidad 75-80 para WebP con pérdida tiene una calidad visual similar a la de JPEG 85, pero con archivos entre un 25 % y un 35 % más pequeños.

Paso a paso: Comprimir sin pérdida de calidad visible

Para fotografías (JPG/JPEG)

1. Empiece con una calidad de 80 y compárela con la imagen original al 100 % de zoom.
2. Fíjese específicamente en: degradados suaves (cielo, tonos de piel), bordes definidos, superposiciones de texto.
3. Si no se observan artefactos, pruebe con 75.
4. Detente en la calidad más baja donde no puedas ver la diferencia.

Para gráficos y logotipos (PNG)

1. Primero, compruebe si la imagen puede utilizar una paleta indexada (colores limitados).
2. Si es una foto almacenada como PNG, conviértala a WebP en su lugar.
3. Utilice compresión basada en PNGQuant para logotipos: a menudo se logra una reducción de más del 60 %.

Para cualquier imagen: redimensionar antes de comprimir

La optimización más ignorada: asegúrate de que la imagen tenga el tamaño correcto antes de comprimirla.

Si tu sitio web muestra imágenes de 800 píxeles de ancho, súbelas a 800 píxeles, no a 4000 píxeles. Subir imágenes a cuatro veces el tamaño de visualización consume ancho de banda y dificulta la compresión.

1. Primero, redimensiona la imagen al tamaño máximo de visualización (Herramienta para redimensionar imagen).
2. Luego, comprímalo al tamaño de archivo deseado.

Compresión por lotes

Si tienes docenas o cientos de imágenes para comprimir (fotos de productos, imágenes de blog, fotos de galería), usa nuestro Compresor de imágenes, que admite la carga de varias imágenes a la vez y la aplicación de la misma configuración de calidad a todas ellas.

Elegir el formato adecuado para una compresión máxima

Comprobando el resultado

Después de comprimir la imagen, amplíala al 100% en un navegador o visor de imágenes y comprueba:

• Áreas lisas (cielo, piel, degradados): Busque bandas o bloques.
• Bordes nítidos (texto, líneas): Busque artefactos de contorno o desenfoque.
• Zonas concurridas (follaje, tela): Estas ocultan bien los artefactos, generalmente están bien.
• Colores sólidos planos: Pueden mostrar ruido de cuantización con compresión agresiva.

Si observa artefactos, aumente la configuración de calidad entre 5 y 10 puntos e inténtelo de nuevo.

Tamaños de archivo objetivo para la web

Estos son objetivos prácticos para las imágenes web en 2026:

Utilice el compresor de imágenes de PicsSizer para comprimir sus imágenes a estos formatos con control total sobre la configuración de calidad; no se necesita cuenta ni subir archivos a ningún servidor.