Cómo comprimir imágenes sin perder calidad (PNG, JPG, WebP)
Una sola imagen hero sin optimizar puede pesar más que el resto de tu página combinado. Con un peso medio de página que se acerca a los 2,9 MB en escritorio y 2,6 MB en móvil — y las imágenes representando casi un tercio de eso — la compresión no es opcional. Afecta directamente los tiempos de carga, las puntuaciones de Core Web Vitals e incluso los ingresos: Vodafone Italia redujo su Largest Contentful Paint en un 31% y vio un aumento del 8% en ventas simplemente optimizando imágenes.
La buena noticia: puedes reducir drásticamente el tamaño de los archivos — a menudo entre un 60–80% — manteniendo las imágenes visualmente idénticas a las originales. Esta guía explica exactamente cómo, con datos reales y pasos prácticos.
Qué significa realmente “sin pérdida” (y por qué la mayoría de los consejos están equivocados)
Los términos “con pérdida” y “sin pérdida” describen lo que ocurre con los datos de la imagen durante la compresión, no lo que ocurre con la calidad percibida.
La compresión sin pérdida (lossless) reduce el tamaño del archivo encontrando formas más eficientes de codificar los mismos datos de píxeles. Cada píxel se preserva exactamente. Es como comprimir un archivo de texto en ZIP: el contenido es idéntico cuando lo descomprimes. PNG utiliza compresión sin pérdida, y WebP sin pérdida es un 26% más pequeño que PNG en promedio.
La compresión con pérdida (lossy) descarta permanentemente cierta información de píxeles que el ojo humano probablemente no notará. JPEG, WebP con pérdida y AVIF funcionan así. El punto clave: con ajustes de calidad superiores al 75–80%, los datos descartados son genuinamente invisibles a distancias normales de visualización. JPEG con calidad 78–82 es el punto óptimo para visualización web — obtienes una reducción del 50–70% en el tamaño del archivo mientras la imagen se ve idéntica a la original en pantalla.
Así que cuando la gente dice “comprimir sin perder calidad”, lo que realmente quiere decir es: comprimir sin perder calidad visible. Y eso es absolutamente posible.
Las tres palancas de la compresión de imágenes
Todo flujo de trabajo de compresión de imágenes se reduce a tres palancas independientes. Tira de cualquiera de ellas y tu archivo será más pequeño. Tira de las tres y conseguirás ahorros espectaculares.
Palanca 1: Elige el formato correcto
Solo la elección del formato puede reducir el tamaño de los archivos a la mitad. Así es como se comparan los principales formatos para la misma imagen con calidad perceptual equivalente:
| Formato | Ideal para | Transparencia | Tipo de compresión | Tamaño relativo |
|---|---|---|---|---|
| JPEG | Fotos, degradados | No | Con pérdida | Base (1×) |
| PNG | Capturas de pantalla, gráficos, texto | Sí | Sin pérdida | 2–5× más grande que JPEG |
| WebP | Todo en la web | Sí | Ambos | 25–34% más pequeño que JPEG |
| AVIF | Fotos, contenido HDR | Sí | Ambos | ~50% más pequeño que JPEG |
Ambos formatos gozan de soporte casi universal en navegadores — WebP con más del 95% y AVIF con más del 93% — lo que los hace seguros para usar en producción con un fallback <picture> para los pocos navegadores legacy restantes.
Conclusión práctica: si estás sirviendo imágenes JPEG o PNG en la web hoy en día, cambiar solo a WebP te dará una reducción del 25–34% en tamaño sin diferencia de calidad. Si puedes usar AVIF, el ahorro es aún mayor.
Puedes convertir entre formatos al instante con el Image Format Converter — elige WebP para el mejor equilibrio entre compatibilidad y compresión.
Palanca 2: Ajusta el nivel de calidad
Todo formato con pérdida tiene un control de calidad, típicamente de 0 a 100. La relación entre el ajuste de calidad y el tamaño del archivo no es lineal — hay rendimientos decrecientes muy marcados por encima de calidad 85.
Esto es lo que puedes esperar a diferentes niveles de calidad JPEG para una fotografía típica:
| Calidad | Tamaño del archivo (vs. original) | Diferencia visible |
|---|---|---|
| 100% | ~95% del sin comprimir | Ninguna — pero el archivo es enorme |
| 85% | ~30–40% | Ninguna a distancia normal de visualización |
| 75% | ~20–25% | Apenas perceptible con inspección detallada |
| 60% | ~12–18% | Ligera suavidad en detalles finos |
| 40% | ~8–12% | Artefactos notables alrededor de los bordes |
El punto óptimo para la mayoría de usos es 75–85%. El clásico análisis de Jeff Atwood en Coding Horror demostró que incluso ojos entrenados tienen dificultades para distinguir calidad 75 de calidad 95 en imágenes web típicas, mientras que la diferencia en tamaño de archivo es de 3–4×.
Para WebP, puedes ir incluso más bajo: WebP con calidad 75 se ve comparable a JPEG con calidad 85 siendo significativamente más pequeño.
Pruébalo tú mismo: Image Compressor — sube cualquier imagen y ajusta el control de calidad para ver la diferencia de tamaño en tiempo real. La mayoría de usuarios descubren que calidad al 80% les da un ahorro del 60–70% en tamaño sin cambios visibles.
Palanca 3: Elimina los metadatos
Esta es la victoria gratuita que la mayoría de guías de compresión pasan por alto. Cada foto tomada con un teléfono o cámara lleva metadatos EXIF: coordenadas GPS, modelo de cámara, fecha de captura, ajustes del objetivo y a veces miniaturas incrustadas. Estos metadatos pueden añadir entre 10 y 100 KB a cada imagen — y no aportan ningún valor en la web.
Eliminar metadatos es verdaderamente sin pérdida: ni un solo píxel cambia. Si ya estás comprimiendo imágenes, añade la eliminación de metadatos a tu flujo de trabajo para obtener una reducción adicional del 5–15% sobre el ahorro de la compresión. Como ventaja adicional, también proteges tu privacidad — cubrimos esto en detalle en nuestra guía sobre riesgos de privacidad de datos EXIF.
Puedes eliminar los metadatos de cualquier imagen con el EXIF Data Remover antes o después de comprimir.
Formatos modernos comparados: JPEG vs WebP vs AVIF en 2026
Con los formatos de nueva generación ahora universalmente soportados, el panorama de formatos ha cambiado. Aquí tienes una comparación práctica basada en datos reales de benchmarks:
JPEG sigue siendo la salida por defecto de la mayoría de cámaras y herramientas de diseño. Tiene soporte universal y es bien conocido. El nuevo codificador Jpegli de Google (2024) logra un 35% mejor compresión en ajustes de alta calidad que los codificadores JPEG tradicionales mientras mantiene total compatibilidad retroactiva — prueba de que incluso los formatos “antiguos” siguen mejorando.
WebP es la opción pragmática para imágenes web en 2026. Maneja tanto compresión con pérdida como sin pérdida, soporta transparencia (a diferencia de JPEG), y supera consistentemente a JPEG en un 25–34% a calidad equivalente. La adopción en el mundo real confirma los resultados de laboratorio: CDNs importantes como Cloudflare y Cloudinary reportan ahorros consistentes al convertir automáticamente de JPEG a WebP a escala.
AVIF ofrece las mejores ratios de compresión disponibles: aproximadamente un 50% más pequeño que JPEG y un 20–30% más pequeño que WebP. También soporta HDR y amplio gamut de color (profundidad de color de 10–12 bits) que ni JPEG ni WebP pueden igualar. La contrapartida es una velocidad de codificación más lenta, lo cual importa para procesamiento en tiempo real pero no para recursos estáticos.
Cuándo usar cada uno:
- JPEG: Archivos adjuntos de correo, compatibilidad con sistemas legacy, exportaciones rápidas
- WebP: Opción predeterminada para imágenes web — mejor equilibrio entre compresión, calidad, velocidad y soporte
- AVIF: Imágenes hero, fotografía de producto y cualquier lugar donde la máxima compresión importa y puedes permitirte una codificación más lenta
- PNG: Capturas de pantalla, diagramas, pixel art y cualquier cosa que requiera reproducción exacta de píxeles
Cómo comprimir imágenes sin perder calidad visible (paso a paso)
Imagen individual: usando una herramienta online
La forma más rápida de comprimir una sola imagen:
- Abre el Image Compressor y arrastra tu imagen al área de subida
- Establece la calidad al 80% — este es el punto óptimo para la mayoría de imágenes
- Elige tu formato de salida — selecciona WebP para el archivo más pequeño, o mantén el formato original
- Previsualiza el resultado — compara la reducción de tamaño mostrada en pantalla
- Descarga la imagen comprimida
Para la mayoría de fotografías, verás una reducción del 60–80% en el tamaño del archivo con calidad al 80%. Si la imagen contiene grandes áreas de color plano (capturas de pantalla, diagramas), podrías ver ahorros aún mayores.
Consejo profesional: Si necesitas reproducción exacta de píxeles (capturas de pantalla con texto, diagramas técnicos), usa formato PNG con compresión sin pérdida. Para todo lo demás, la compresión con pérdida al 75–85% es la elección correcta.
Redimensiona antes de comprimir
La compresión y las dimensiones son independientes, pero se multiplican. Si estás subiendo una foto de 4000×3000 píxeles para un blog donde la imagen se muestra a 800×600, estás comprimiendo 20 veces más píxeles de los necesarios. Redimensiona primero, luego comprime.
Usa el Image Resizer para ajustar las imágenes a tus dimensiones objetivo antes de comprimir. Una foto de 4000×3000 redimensionada a 1200×900 y comprimida al 80% de calidad suele ser un 90–95% más pequeña que la original.
Para desarrolladores: opciones de CLI y API
Si procesas imágenes de forma programática, las herramientas dedicadas te dan más control:
- Sharp (Node.js): La biblioteca de procesamiento de imágenes más popular. Usa libvips internamente para velocidad.
- Squoosh CLI: El wrapper de línea de comandos de Google sobre los códecs del navegador. Soporta WebP, AVIF, JPEG XL y más.
- ImageMagick: La navaja suiza. Disponible en todas partes, maneja todos los formatos. Usa
magick convert input.jpg -quality 80 output.jpg. - API de remove.sh: Integra la compresión en tu pipeline con una simple llamada HTTP — sin necesidad de instalar bibliotecas. Consulta la documentación de la API para más detalles.
Compresión según el caso de uso
Diferentes contextos requieren diferentes estrategias:
Rendimiento web (Core Web Vitals)
Las imágenes son el elemento de Largest Contentful Paint en el 85% de las páginas de escritorio. Para optimizar el LCP:
- Usa WebP o AVIF con compresión con pérdida a calidad 75–85%
- Sirve imágenes responsivas con atributos
srcsetysizes - Carga diferida las imágenes fuera del viewport con
loading="lazy" - Establece atributos explícitos
widthyheightpara prevenir el desplazamiento de diseño (CLS)
Archivos adjuntos de correo electrónico
Gmail, Outlook y Yahoo imponen límites de tamaño en los archivos adjuntos (típicamente 20–25 MB). Para imágenes en correos electrónicos:
- Redimensiona a las dimensiones de visualización del cliente de correo (normalmente 600–800px de ancho)
- Comprime JPEG a calidad 70–75% — los destinatarios rara vez ven los adjuntos a zoom completo
- Elimina los metadatos EXIF para ahorrar entre 10–50 KB extra por imagen
Redes sociales
La mayoría de plataformas (Instagram, X, Facebook) recomprimen cada imagen subida sin importar lo que hagas. El objetivo es subir una imagen con calidad suficientemente alta para que su recompresión no introduzca artefactos visibles:
- Sube con calidad 90–95% para que la segunda pasada de la plataforma se mantenga por encima del umbral visible
- Redimensiona a la resolución nativa de la plataforma — subir imágenes más grandes solo significa que la plataforma las reduce y recomprime
- Usa JPEG o PNG para las subidas; evita WebP ya que algunas plataformas no lo manejan bien en sus pipelines de carga
Archivado e impresión
Cuando la calidad realmente no puede comprometerse:
- Usa PNG (sin pérdida) o TIFF para archivado
- Elimina solo los metadatos no esenciales — mantén los perfiles de color (ICC) intactos
- Comprime solo con métodos sin pérdida (OptiPNG, pngcrush, o WebP sin pérdida)
- Nunca uses compresión con pérdida para imágenes que puedan necesitar ser editadas después — los artefactos se acumulan con cada recodificación
¿Cuánta compresión es demasiada?
La respuesta depende del contenido de la imagen. Las fotos con degradados suaves (cielo, piel, agua) toleran bien la compresión agresiva. Las imágenes con bordes definidos, texto o detalles de alto contraste muestran artefactos antes.
Una prueba práctica: comprime al 80% de calidad, luego compara con el original al tamaño real de visualización (no ampliado al 400%). Si no puedes distinguirlos, has terminado. Si puedes, sube al 85% o 90% e inténtalo de nuevo. La mayoría de usuarios encuentran su umbral entre el 75% y el 85%.
El error más común es comprimir al 95–100% de calidad “por si acaso”. A esos niveles, estás pagando 2–3× el tamaño del archivo por diferencias que literalmente nadie puede ver en pantalla. JPEG al 100% de calidad ni siquiera es verdaderamente sin pérdida — sigue aplicando compresión DCT — así que no hay razón para usarlo en lugar de calidad al 85%.
Preguntas frecuentes
¿Comprimir un JPEG dos veces lo arruina?
Recomprimir un JPEG aplica compresión con pérdida de nuevo, por lo que los artefactos pueden acumularse. Sin embargo, si guardas de nuevo con el mismo ajuste de calidad o uno superior sin editar, los codificadores modernos son lo suficientemente inteligentes para minimizar la degradación adicional. El impacto práctico de una ronda extra de compresión al 80%+ suele ser imperceptible. Dicho esto, si planeas editar una imagen varias veces, trabaja en un formato sin pérdida (PNG, TIFF) y exporta a JPEG solo como paso final.
¿PNG es siempre sin pérdida?
Sí. La compresión PNG es siempre sin pérdida — cada píxel se preserva exactamente. Sin embargo, los archivos PNG son significativamente más grandes que las alternativas con pérdida para imágenes fotográficas. PNG es ideal para capturas de pantalla, superposiciones de texto, diagramas y pixel art donde la reproducción exacta importa. Para fotografías, JPEG o WebP al 80%+ de calidad te da un archivo mucho más pequeño sin diferencia visible.
¿Puedo comprimir imágenes sin instalar software?
Sí. Las herramientas basadas en navegador como Image Compressor te permiten comprimir imágenes online sin instalar software. Sin necesidad de crear cuenta ni nivel de pago — solo sube (hasta 20 MB), comprime y descarga.
¿Cuál es el tamaño ideal de imagen para sitios web?
No hay una respuesta única, pero una buena regla general: las imágenes deben pesar como máximo 200 KB para contenido inline y menos de 500 KB para imágenes hero a ancho completo. Apunta al tamaño de archivo más pequeño donde no puedas distinguir la versión comprimida de la original a la resolución de visualización. Usar formato WebP al 80% de calidad con las dimensiones adecuadas hace que la mayoría de imágenes queden muy por debajo de estos umbrales.
¿Puedo convertir PNG a WebP sin perder la transparencia?
Sí. Tanto WebP como AVIF soportan completamente la transparencia con canal alfa. Convertir un PNG transparente a WebP típicamente reduce el tamaño del archivo en un 60–70% mientras preserva la transparencia perfectamente. Usa el Image Format Converter para convertir con un solo clic.
Empieza a comprimir
La compresión de imágenes no tiene por qué ser complicada. Elige el formato adecuado (WebP para la mayoría de usos web), establece la calidad al 80% y elimina los metadatos. Solo esos tres pasos reducirán el tamaño de la mayoría de archivos de imagen en un 60–80% sin pérdida de calidad visible.
Pruébalo tú mismo: Image Compressor — arrastra, suelta y descarga una imagen más pequeña en segundos. Ajusta el control de calidad para encontrar tu equilibrio perfecto entre tamaño y calidad.
Si estás optimizando un lote de imágenes para un sitio web, combina la compresión con conversión de formato y redimensionado para el máximo ahorro. Las tres herramientas funcionan juntas: redimensiona a tus dimensiones de visualización, convierte a WebP y comprime — en ese orden.