Compresor de Imágenes
Comprime imágenes sin perder calidad visible.
¿Cómo funciona la compresión de imágenes?
La compresión de imágenes reduce el tamaño del archivo eliminando información redundante o imperceptible. Existen dos tipos fundamentales: compresión con pérdida (lossy) y compresión sin pérdida (lossless). La compresión lossy, utilizada por formatos como JPG y WebP, analiza la imagen y descarta datos que el sistema visual humano difícilmente percibe: pequeñas variaciones de color, frecuencias altas en zonas uniformes y detalles subpíxel. Esto permite reducciones drásticas de tamaño (hasta un 90%) con pérdida visual mínima. La compresión lossless, usada por PNG y WebP lossless, encuentra patrones repetitivos en los datos y los codifica de forma más eficiente, como un archivo ZIP pero optimizado para imágenes. No pierde absolutamente ningún dato, pero la reducción de tamaño es más modesta (típicamente un 10-50%).
El equilibrio entre calidad y tamaño de archivo
La clave de una buena compresión es encontrar el punto donde la reducción de tamaño es máxima sin que la pérdida de calidad sea perceptible. Este punto varía según el tipo de imagen. Las fotografías con muchas variaciones de color toleran bien la compresión lossy; a calidad 80 en JPG, la diferencia visual respecto al original es prácticamente invisible, pero el archivo puede ser 5-8 veces más pequeño. Las imágenes con texto, capturas de pantalla o diagramas son más sensibles: la compresión lossy genera artefactos visibles alrededor de las letras y bordes definidos, por lo que lossless suele ser mejor opción. Las ilustraciones y gráficos con colores planos se comprimen extraordinariamente bien con PNG (lossless) gracias a las grandes áreas de color uniforme. La regla de oro es comprimir, comparar visualmente y ajustar hasta encontrar el nivel óptimo para cada caso.
Comparativa de formatos: JPEG, PNG, WebP y AVIF
JPEG (1992) es el formato universal para fotografías. Soporta millones de colores y ofrece compresión lossy ajustable. Su mayor limitación es que no soporta transparencia y cada vez que se guarda con compresión lossy, la calidad se degrada acumulativamente. PNG (1996) ofrece compresión lossless y soporta transparencia alfa completa. Es ideal para logos, iconos, capturas de pantalla y cualquier imagen que necesite bordes nítidos o fondo transparente. Su desventaja es que los archivos son significativamente más grandes que JPG para fotografías. WebP (2010, Google) combina lo mejor de ambos: soporta compresión lossy y lossless, transparencia, y genera archivos 25-35% más pequeños que JPG/PNG equivalentes. Es el formato recomendado para la web en 2026, con soporte en todos los navegadores modernos. AVIF (2019) es el formato más avanzado, basado en el codec de video AV1. Ofrece compresión hasta un 50% superior a JPG, soporta HDR y amplia gama de colores. Su adopción crece rápidamente pero la codificación es más lenta y el soporte en herramientas de diseño aún es limitado.
Core Web Vitals y optimización de imágenes para la web
Las imágenes representan, en promedio, el 50% del peso total de una página web. Por eso, optimizarlas es la mejora de rendimiento con mayor impacto. Google mide la experiencia de usuario a través de las Core Web Vitals, y dos de las tres métricas están directamente afectadas por las imágenes: LCP (Largest Contentful Paint) mide cuánto tarda en renderizarse el elemento visual más grande de la página, que frecuentemente es una imagen hero o de producto. Google considera un LCP bueno por debajo de 2,5 segundos. CLS (Cumulative Layout Shift) mide los desplazamientos visuales inesperados, que ocurren cuando las imágenes no tienen dimensiones definidas y empujan el contenido al cargarse. Para optimizar: comprime todas las imágenes, usa formatos modernos como WebP, define siempre los atributos width y height, implementa lazy loading con el atributo loading="lazy", y sirve múltiples tamaños con srcset para que cada dispositivo descargue solo el tamaño que necesita.
¿Cuándo usar cada formato? Guía práctica
Elegir el formato correcto es tan importante como elegir el nivel de compresión. Usa WebP como formato predeterminado para la web: cubre el 97% de los navegadores y ofrece la mejor relación calidad-tamaño tanto en lossy como lossless. Usa JPEG como fallback para navegadores antiguos o cuando necesites máxima compatibilidad con aplicaciones de escritorio y sistemas legacy. Usa PNG cuando necesites transparencia y no puedas usar WebP, o para imágenes donde la fidelidad píxel a píxel sea crítica (capturas de pantalla técnicas, documentación). Usa AVIF si tu audiencia usa navegadores modernos y priorizas el mínimo tamaño de archivo; es especialmente eficaz para fotografías en alta resolución. Para impresión, usa siempre TIFF o PNG sin compresión lossy para mantener la máxima calidad. Y recuerda: puedes servir múltiples formatos usando la etiqueta <picture> de HTML, dejando que el navegador elija el formato más eficiente que soporte.
Preguntas frecuentes
Depende del formato, la resolución y la calidad original. En general, una foto JPG puede reducirse entre un 40% y un 80% sin pérdida visible de calidad. WebP ofrece compresión aún más eficiente, consiguiendo archivos un 25-35% más pequeños que JPG a calidad equivalente. Las imágenes PNG con grandes áreas de color sólido se comprimen especialmente bien.
Depende del tipo de compresión. La compresión con pérdida (lossy), usada por JPG y WebP, descarta información que el ojo humano difícilmente percibe. Con niveles de calidad entre 70-85%, la pérdida es prácticamente imperceptible. Por debajo del 50%, empezarás a notar artefactos, especialmente en bordes definidos, gradientes suaves y zonas con texto. La compresión sin pérdida (lossless) reduce el tamaño sin perder absolutamente ningún dato, pero la reducción es menor.
Toda la compresión se ejecuta in-browser con la API Canvas de HTML5 y los codificadores JPEG/WebP nativos del propio navegador. Tu imagen jamás se transmite por la red: ni a nuestros servidores ni a terceros. Por eso esta herramienta es segura incluso con fotos personales, capturas con datos confidenciales o material profesional sujeto a NDA. Si quieres profundizar en por qué esto importa para Core Web Vitals, lee nuestra guía sobre optimización de imágenes para web.
Sí, y este es el problema específico de la compresión iterativa con formatos lossy. Cada vez que abres y guardas un JPG, el codificador descarta más información perceptual y los artefactos se acumulan: bloques visibles en zonas planas, halos alrededor de bordes y bandas en gradientes suaves. Si vas a editar una imagen varias veces, parte siempre del archivo original (RAW, PNG o TIFF) y comprime a JPG solo en la última exportación. Para entender qué formatos sufren este problema y cuáles no, mira la comparativa entre WebP y JPG y la más reciente sobre AVIF vs WebP.
Porque los codificadores JPG y WebP analizan el contenido visual antes de decidir cuánta información descartar. Una foto con mucho detalle alto-frecuencia (vegetación, texturas, multitudes) requiere más bits para conservar la apariencia que una foto con grandes zonas uniformes (cielos, fondos, retratos en estudio). A calidad 80, una foto compleja puede pesar 350 KB y una foto simple del mismo tamaño 90 KB. Esto explica por qué no existe una regla universal de "compresión X%": el resultado depende del contenido, no solo del slider de calidad.
Google usa las Core Web Vitals como factor de ranking, y el Largest Contentful Paint (LCP) mide cuánto tarda en cargar el elemento visual más grande de la página, que suele ser una imagen. Imágenes sin comprimir pueden triplicar tu LCP, penalizando tu posición en los resultados de búsqueda. Comprimir las imágenes de tu web es una de las optimizaciones con mayor impacto en rendimiento y SEO.
Herramientas relacionadas
Lecturas relacionadas
Optimización de imágenes para web: guía completa
Cómo elegir formato, tamaño y compresión para sitios rápidos sin sacrificar calidad visual.
LeerComprimir imágenes web sin perder calidad
Técnicas prácticas para reducir el peso de tus imágenes web manteniendo una calidad visual aceptable.
LeerAVIF vs WebP en 2026: cuál elegir
Comparativa práctica entre los dos formatos modernos de imagen más usados en web.
Leer