Guía de compresión de imágenes: archivos más pequeños sin perder calidad
Aprende a comprimir imágenes para la web sin pérdida de calidad visible. Cubre JPEG, PNG, WebP y las herramientas que lo hacen sencillo.
Una sola foto sin comprimir tomada con un smartphone moderno puede pesar entre 10 y 25 MB. En la web, eso se traduce en páginas lentas, usuarios frustrados y peores posiciones en los buscadores. La compresión de imágenes resuelve este problema, aunque no toda compresión es igual. Esto es lo que necesitas saber.
Compresión con pérdida vs. sin pérdida
La compresión con pérdida elimina datos de forma permanente para reducir el tamaño del archivo. JPEG es el ejemplo clásico. Un ajuste de calidad del 80–85% suele producir un archivo un 60–70% más pequeño que el original, sin diferencia visible para el ojo humano.
La compresión sin pérdida reorganiza los datos sin descartarlos. PNG y WebP (en modo sin pérdida) conservan cada píxel. Es útil para capturas de pantalla, logotipos y cualquier imagen con texto o bordes nítidos donde los artefactos serían evidentes.
Elegir el formato adecuado
| Formato | Ideal para | Compresión |
|---|---|---|
| JPEG | Fotografías, imágenes complejas | Con pérdida, muy pequeño |
| PNG | Logotipos, capturas, transparencia | Sin pérdida, más grande |
| WebP | Todo | Con o sin pérdida, ~30% más pequeño que JPEG/PNG |
| AVIF | Navegadores modernos | Mejor compresión, codificación más lenta |
La regla práctica: convierte las fotos a WebP. Usa PNG solo cuando necesites transparencia o renderizado píxel perfecto. Evita JPEG en imágenes con texto o geometría de bordes definidos.
¿Qué nivel de calidad deberías usar?
Para JPEG y WebP con pérdida, una calidad entre 75–85% es el punto óptimo para la mayoría de imágenes web:
- Calidad 90–100% — Casi idéntica al original, ahorro mínimo
- Calidad 75–85% — Un 50–70% más pequeña, diferencia imperceptible en pantalla
- Calidad 60–74% — Artefactos perceptibles en inspección detallada, aceptable para miniaturas
- Calidad por debajo de 60% — Bloques y bandas visibles, evitar en contenido principal
Carga progresiva
JPEG admite la codificación progresiva: la imagen se carga primero en baja resolución y luego se va definiendo a medida que llegan más datos. Esto hace que las páginas se perciban más rápidas incluso antes de que la imagen se descargue por completo. La mayoría de las herramientas de compresión ofrecen esta opción.
Las imágenes responsivas también importan
La compresión por sí sola no es suficiente si sirves una imagen de 2000px de ancho a un teléfono móvil con una pantalla de 400px. Usa los atributos HTML srcset y sizes para servir imágenes con el tamaño apropiado:
<img
src="hero-800.webp"
srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1600.webp 1600w"
sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
alt="Hero image"
/>
Este simple cambio puede reducir el peso de las imágenes en móvil en un 70% o más.
Flujo de trabajo para compresión por lotes
Si tienes muchas imágenes que comprimir:
- Convierte primero todos los JPEG y PNG a WebP
- Aplica calidad 80% para fotos y sin pérdida para recursos de interfaz
- Elimina los metadatos (los datos EXIF añaden entre 20 y 100 KB a cada foto)
- Regenera las imágenes en las dimensiones de visualización correctas: nunca dependas de CSS para escalar imágenes grandes
Antes y después: cifras reales
Un flujo de trabajo típico para una imagen de portada:
- JPEG original: 4,2 MB (salida de cámara)
- Tras redimensionar a 1600px de ancho: 1,8 MB
- Tras compresión a Q80: 320 KB
- Tras convertir a WebP Q80: 210 KB
Eso supone una reducción del 95% en el tamaño del archivo sin diferencia de calidad visible en pantalla.
Herramientas
Nuestro Compresor de imágenes funciona completamente en tu navegador: sin subida de archivos, sin cuenta, sin límite de tamaño por imagen. Arrastra un archivo y descarga el resultado en segundos.
Para convertir formatos, el Conversor de formato de imagen gestiona conversiones entre PNG, JPEG y WebP en un solo paso. Y PNG to WebP es la vía más rápida si ya sabes lo que necesitas.
Resumen
La compresión de imágenes es una de las optimizaciones de rendimiento con mayor impacto disponibles. Cambia a WebP, usa una calidad del 75–85% para fotos, elimina los metadatos y sirve las imágenes en las dimensiones adecuadas. La mayoría de los sitios web pueden reducir el peso total de las imágenes entre un 60 y un 80% con una tarde de trabajo.