📋 Contenido
Con y sin pérdida: cuándo usar cada una
La compresión de imágenes viene en dos variedades:
Compresión sin pérdida (lossless) conserva cada píxel exactamente. La imagen descomprimida es idéntica a la original, bit por bit. Funciona encontrando formas más eficientes de almacenar los mismos datos — como el algoritmo DEFLATE de PNG, que comprime patrones repetidos. Reducción típica: 10-30% para fotos, 50-80% para capturas de pantalla y logotipos (muchos píxeles repetidos = alta compresibilidad).
Compresión con pérdida (lossy) descarta datos que el ojo humano probablemente no notará. Aprovecha las limitaciones de la visión humana — somos menos sensibles a los detalles finos de color que a los detalles de brillo, menos sensibles a los patrones de alta frecuencia. Al mantener lo que vemos y descartar lo que no, la compresión con pérdida logra una reducción del 70-95% con una diferencia visual mínima.
La regla:
- Sin pérdida: Capturas de pantalla, logotipos, elementos de interfaz, texto como imagen, cualquier cosa que necesite reproducción perfecta de píxeles.
- Con pérdida: Fotos, degradados, pinturas, cualquier cosa con transiciones de color suaves. También: cualquier cosa que vaya a la web y quieras que cargue rápido.
JPEG, PNG, WebP, AVIF — qué formato para cada uso
| Formato | Tipo | Ideal para | No para |
|---|---|---|---|
| JPEG | Con pérdida | Fotos, imágenes complejas con muchos colores | Texto, logotipos, capturas de pantalla (crea artefactos en bordes afilados) |
| PNG | Sin pérdida | Capturas de pantalla, logotipos, iconos, texto, transparencia | Fotos (tamaño de archivo grande — 5-10× más que JPEG equivalente) |
| WebP | Ambos (con y sin pérdida) | Imágenes web — reemplazo tanto de JPEG como de PNG. 25-35% más pequeño que JPEG a misma calidad | Safari < 14 no lo soporta (pero todos los navegadores modernos sí) |
| AVIF | Ambos (con y sin pérdida) | Mejor tasa de compresión. 50% más pequeño que JPEG a misma calidad. Soporte HDR | La codificación es lenta. Soporte en navegadores antiguos es irregular |
| GIF | Sin pérdida (256 colores) | Animaciones simples, archivos muy pequeños con pocos colores | Fotos (límite de 256 colores = calidad terrible), cualquier cosa con >256 colores |
| SVG | Vectorial (no raster) | Iconos, logotipos, ilustraciones, cualquier cosa geométrica | Fotos (SVG no puede representar detalle fotográfico) |
Ajustes exactos de compresión para cada caso
| Escenario | Formato | Calidad | Reducción esperada |
|---|---|---|---|
| Foto para héroe de sitio web | WebP lossy | 80-85 | 70-85% vs PNG |
| Foto para adjuntar en correo | JPEG | 60-75 | 80-90% vs original |
| Foto de producto (e-commerce) | JPEG | 85-92 | 40-60% vs original |
| Captura de pantalla para documentación | PNG (sin pérdida) | N/A | 50-80% vs sin comprimir |
| Logotipo/icono | SVG o PNG | Sin pérdida | SVG: 90%+ vs raster. PNG: 50% vs sin comprimir. |
| Publicación en redes sociales | JPEG | 70-80 | La plataforma recomprimirá de todas formas |
| Copia de archivo/maestra | PNG o TIFF | Sin pérdida | Nunca comprimas con pérdida tu única copia |
| Fotos con transparencia | WebP o PNG | Sin pérdida para PNG, calidad 90 para WebP | WebP: 50-70%. PNG: 10-30% |
Errores comunes al comprimir imágenes
1. Guardar una foto como PNG
Una foto JPEG de 5MB guardada como PNG se convierte en 20MB. No ganas nada (PNG no puede recuperar el detalle que JPEG descartó) y el archivo es 4 veces más grande. Para fotos: JPEG o WebP. Siempre.
2. Re-comprimir JPEGs (pérdida generacional)
Cada vez que abres un JPEG, haces una edición y lo vuelves a guardar como JPEG, pierdes calidad. Los artefactos de compresión se acumulan. Después de 3-4 reguardados con calidad 80, la imagen se ve notablemente peor. Solución: mantén un maestro sin pérdida, exporta JPEGs desde ese. O usa operaciones sin pérdida (rotar, recortar con herramientas compatibles) que no recodifican.
3. Usar calidad máxima "por si acaso"
Calidad JPEG 100 no significa "perfecto" — significa "usa la menor compresión posible." El archivo es enorme, y la calidad 95 se ve idéntica en todos los aspectos prácticos mientras es 50-70% más pequeña. Por encima de calidad 92, estás pagando bytes por píxeles que nadie puede ver.
4. No redimensionar antes de comprimir
Una foto de 6000×4000 mostrada a 800px de ancho en un sitio web es 56 veces más grande de lo necesario. Redimensiona a las dimensiones de visualización PRIMERO, luego comprime. Una foto de 800px de ancho con calidad 80 es ~50KB. La misma foto a 6000px con calidad 80 es ~2MB. Misma calidad, mismo resultado visual en pantalla — 40× de diferencia de tamaño.
5. Eliminar metadatos incorrectamente
Las herramientas de compresión a menudo eliminan EXIF/metadatos. Esto suele ser deseable (privacidad, archivo más pequeño) — pero si necesitas información de derechos de autor, perfiles de color o etiquetas de orientación, asegúrate de que tu herramienta los conserve. Los perfiles de color ICC son importantes para una reproducción cromática precisa.
Herramientas gratuitas de compresión de imágenes
- Compress Image — Sube cualquier imagen, elige calidad, comprime. Soporta salida JPEG, PNG, WebP.
- Compress to Exact Size — Apunta a un tamaño de archivo específico (ej. "menos de 500KB") y la herramienta ajusta la calidad para alcanzarlo.
- Resize Image — Redimensiona a dimensiones específicas primero, luego comprime. El combo perfecto para imágenes web.
- Image Converter — Convierte entre PNG, JPEG, WebP, AVIF, BMP, TIFF. Convierte al formato correcto, luego comprime.
- PNG to WebP / JPG to WebP — Conversión directa a WebP con compresión.