Cómo comprimir imágenes sin perder calidad

La compresión de imágenes es una de las optimizaciones con mayor retorno que puedes aplicar al rendimiento web. Una imagen bien comprimida se ve igual que la original, pero carga entre un 50 y un 80 % más rápido. Así se hace correctamente.

Qué significa realmente la "pérdida de calidad"

Cuando la gente dice "comprimir sin perder calidad", normalmente se refiere a sin pérdida de calidad visible, no a una compresión matemáticamente sin pérdidas. El sistema visual humano es imperfecto: es menos sensible a las variaciones de color que a las de brillo, menos sensible al detalle en zonas con mucha información que en zonas planas, y más sensible a los artefactos en degradados suaves que en regiones con textura.

Los algoritmos de compresión inteligentes aprovechan estas limitaciones. Un JPEG bien comprimido con calidad 80 es, en la práctica, indistinguible de uno con calidad 100 a una distancia de visualización normal. La diferencia solo aparece cuando haces zoom al 200 % o más y comparas lado a lado.

Los ajustes de compresión correctos según el formato

JPEG / JPG

La calidad JPEG se expresa normalmente como un número del 1 al 100. La calidad 80-85 es la recomendación estándar para imágenes web:

• Calidad 100: casi 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, aún excelente para la mayoría de la fotografía
• Calidad 70: ~60% más pequeño, puede mostrar artefactos leves en degradados suaves
• Calidad 60: ~70% más pequeño, aceptable para miniaturas e imágenes no críticas

Para distintos casos de uso:

• Imágenes principales (hero): calidad 80-85
• Miniaturas de entradas de blog: calidad 70-75
• Fotos de producto (e-commerce): calidad 80-85
• Exportaciones para redes sociales: calidad 75-80

PNG

PNG usa compresión sin pérdidas: no puedes reducir la calidad ajustando un parámetro de "calidad". Sin embargo, puedes:

1. Reducir la profundidad de color: si un PNG usa solo 16 o 32 colores distintos (logotipos, iconos), guardarlo como PNG con paleta de 8 bits (256 colores) reduce el tamaño del archivo de forma drástica.
2. Usar 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 PNG entre un 60 y un 80 % sin cambios perceptibles.
3. Convertir a WebP: para fotos guardadas como PNG, convertir a WebP ahorra mucho más que la compresión PNG.

WebP

La calidad de compresión WebP funciona de forma similar a JPEG, pero logra archivos más pequeños con el mismo nivel de calidad. La calidad 75-80 en WebP con pérdida equivale visualmente a la calidad 85 de JPEG, 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. Empieza con calidad 80 y compara con el original con un zoom del 100 %
2. Fíjate especialmente en: degradados suaves (cielo, tonos de piel), bordes definidos, superposiciones de texto
3. Si no se ven artefactos, prueba con 75
4. Detente en la calidad más baja donde no puedas ver ninguna diferencia

Para gráficos y logotipos (PNG)

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

Para cualquier imagen: cambia el tamaño antes de comprimir

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

Si tu sitio web muestra las imágenes con un ancho de 800 px, sube el archivo a 800 px, no a 4000 px. Subir una imagen 4 veces más grande que el tamaño de visualización desperdicia ancho de banda y hace la compresión más difícil.

1. Cambia primero el tamaño al máximo tamaño de visualización (herramienta para cambiar el tamaño de imagen)
2. Luego comprime al tamaño de archivo objetivo

Compresión por lotes

Si tienes decenas o cientos de imágenes que comprimir (fotos de producto, imágenes de blog, fotos de galería), usa nuestro Compresor de imágenes, que permite subir varias imágenes a la vez y aplicar el mismo ajuste de calidad a todas ellas.

Elegir el formato correcto para lograr la máxima compresión

Comprobar el resultado

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

• Zonas suaves (cielo, piel, degradados): busca bandas o pixelado en bloques
• Bordes definidos (texto, líneas): busca efectos de "ringing" o desenfoque
• Zonas con mucha información (follaje, tela): estos ocultan bien los artefactos, normalmente no hay problema
• Colores planos y sólidos: pueden mostrar ruido de cuantización con una compresión agresiva

Si ves artefactos, aumenta el ajuste de calidad entre 5 y 10 puntos e inténtalo de nuevo.

Tamaños de archivo objetivo para la web

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

Usa el Compresor de imágenes de PicsSizer para comprimir tus imágenes a estos tamaños con control total sobre los ajustes de calidad, sin necesidad de cuenta ni subidas a servidores.