Comprimir Imagen

Acerca de Compresión de Imagen

La compresión de imagen es el proceso de reducir el tamaño del archivo mientras se mantiene una calidad de imagen aceptable. Esta herramienta usa algoritmos avanzados para comprimir imágenes eficientemente sin pérdida significativa de calidad.

¿Cuál es la diferencia entre compresión sin pérdida y con pérdida?

La compresión sin pérdida reordena y deduplica datos para que el archivo original pueda reconstruirse bit a bit al descomprimir — PNG, WebP-lossless, FLIF y ZIP usan este enfoque, normalmente reduciendo imágenes en 20-50%. La compresión con pérdida descarta permanentemente datos que el ojo humano nota menos (detalle de alta frecuencia, cambios sutiles de color) y cambia calidad por archivos mucho más pequeños — JPEG, WebP-lossy, AVIF y HEIC pueden reducir el tamaño en 80-95% sin cambio visible a distancias de visión típicas. Usa sin pérdida para capturas, arte lineal, logos, cualquier imagen con texto nítido y cualquier imagen que vayas a editar más. Usa con pérdida para fotografías e imágenes de salida final donde el ancho de banda importe. Una vez que una imagen ha sido comprimida con pérdida, los datos descartados se pierden para siempre — guarda siempre un maestro sin pérdida.

¿Comprimir una imagen varias veces degrada su calidad?

Sí, pero solo para formatos con pérdida. Cada vez que recodificas un JPEG o WebP con pérdida, el codificador aplica otra ronda de cuantización sobre datos ya cuantizados, acumulando artefactos: parches en bloques de 8x8, sangrado de color en bordes y una textura "crujiente" suave en áreas planas. Esto se llama pérdida generacional, y es por lo que nunca debes guardar y editar repetidamente un JPEG en un flujo de trabajo. Los formatos sin pérdida (PNG, WebP-lossless) pueden recodificarse indefinidamente sin cambio de calidad porque no se descarta información. Práctica recomendada: guarda el original en un maestro sin pérdida (PSD, TIFF, PNG) y exporta solo a JPEG/WebP/AVIF para entrega final. Si debes reeditar un JPEG, haz todos los cambios en una sesión y guarda una vez.

¿Qué ajuste de calidad de compresión debo usar para JPEG?

La calidad 85-92 es el punto óptimo para casi todo contenido fotográfico — la mayoría de espectadores no la distingue de calidad 100, pero el tamaño es 40-60% menor. Por debajo de 75, los artefactos de bloques se hacen visibles en gradientes suaves (cielos, piel); por debajo de 60, el ruido de compresión es obvio. Por encima de 95, el tamaño crece rápidamente sin apenas ganancia perceptiva. Los codificadores discrepan en escalas de calidad: el "12" de Photoshop equivale aproximadamente a calidad estándar 95, mientras que MozJPEG de Google con 75 por defecto se compara con 85 estándar gracias a una mejor cuantización trellis. Para imágenes hero web usa 80-85; para miniaturas 70-75 está bien; para archivo imprimible usa 95+ o pasa a un formato sin pérdida. Previsualiza siempre lado a lado al 100% de zoom antes de confirmar.

¿Cómo mantengo la transparencia al comprimir imágenes PNG?

La transparencia es el canal alfa — un valor por píxel de 0 (totalmente transparente) a 255 (totalmente opaco). PNG, WebP, AVIF, GIF (binario únicamente) y HEIC soportan alfa; JPEG no. Si comprimes un PNG con transparencia a JPEG, las áreas transparentes se rellenarán con un color sólido de fondo (normalmente blanco). Para preservar transparencia, quédate en PNG o pasa a WebP/AVIF que dan alfa más compresión mucho mejor. Cuantizar un PNG-24 (16M colores) a PNG-8 (paleta de 256 colores) con herramientas como pngquant suele reducir el archivo en 60-80% manteniendo el alfa perfecto — el pngquant moderno usa alfa con difuminado para preservar bordes suaves. Para máximo ahorro en activos transparentes, usa WebP-lossless o AVIF, ambos soportan alfa de 8 bits completo a aproximadamente la mitad del tamaño de PNG.

¿Cómo se comparan AVIF, WebP y JPEG XL en eficiencia de compresión?

Los tres son sucesores modernos de JPEG, pero con compromisos distintos. AVIF (basado en el códec de vídeo AV1) da los archivos más pequeños — típicamente 50% más pequeños que JPEG a la misma calidad perceptiva — pero es lento de codificar y tiene soporte limitado en software más antiguo. WebP (Google, 2010) está bien soportado en todos los navegadores modernos y da aproximadamente 25-35% de ahorro sobre JPEG, con codificación rápida y modos con y sin pérdida. JPEG XL (2021) es el estándar más nuevo, soporta decodificación progresiva, transcodificación sin pérdida de JPEGs existentes (ahorrando 20% sin pérdida de calidad) y excelente calidad, pero el soporte de navegadores está incompleto en 2026. Para máximo alcance hoy, sirve WebP con fallback JPEG vía el elemento picture. Para nuevos proyectos con navegadores modernos, AVIF da el mejor tamaño; JPEG XL es el formato a vigilar para uso de archivo.

¿Qué significa "JPEG progresivo" y debería usarlo?

Un JPEG baseline almacena los datos de arriba a abajo en una sola pasada, así que el navegador revela la imagen línea por línea según llegan los bytes. Un JPEG progresivo divide los datos en múltiples barridos de detalle creciente — primero una previsualización borrosa de toda la imagen, luego pasadas progresivamente más nítidas — así que el usuario ve la imagen completa de inmediato, aunque con poca calidad, y la ve nitidarse. Para imágenes de más de unos 10 KB, los JPEGs progresivos suelen ser 2-10% más pequeños que baseline Y se sienten más rápidos en redes lentas, por lo que Google PageSpeed y la mayoría de CDNs los recomiendan. El coste de codificación es ligeramente mayor y la decodificación requiere mantener toda la imagen en memoria antes de mostrar, así que para miniaturas muy pequeñas o dispositivos embebidos con memoria limitada, baseline puede ganar. Codificadores modernos como MozJPEG usan progresivo por defecto.

¿Cómo afecta la cuantización de color en PNG-8 a la calidad de imagen?

PNG-8 usa una paleta de color indexada de máximo 256 colores, elegida por un algoritmo que selecciona los colores más representativos. Para gráficos con paleta pequeña (logos, iconos, capturas de interfaz), 256 colores es suficiente y el archivo queda 50-80% más pequeño que PNG-24. Para fotografías, 256 colores causa bandas visibles en cielos y tonos de piel; el dithering (Floyd-Steinberg, Atkinson o el moderno blue-noise) cambia una textura granulada por la apariencia de más colores alternando entradas de paleta en patrones de tablero. Herramientas como pngquant e ImageMagick permiten controlar el tamaño de paleta (16, 32, 64, 128, 256) y la intensidad del difuminado. Para fotografías, prefiere JPEG, WebP o AVIF; PNG-8 es para gráficos.

¿Por qué mi imagen comprimida se ve peor en algunos dispositivos que en otros?

Varios factores se acumulan. Primero, manejo de perfil de color: si la imagen tiene un perfil Adobe RGB o P3 incrustado y la app del espectador lo ignora, los colores se renderizan incorrectamente. Etiqueta siempre con sRGB para web. Segundo, ratio de píxeles del dispositivo: una imagen de 400 píxeles escalada a 800 píxeles CSS en una pantalla Retina 2x se ve borrosa, incluso con calidad 100, porque el navegador la amplía. Sirve siempre imágenes a densidades 1x, 2x y 3x usando srcset. Tercero, las pantallas OLED frente a LCD renderizan grises oscuros y negros puros de forma distinta, exponiendo bloques JPEG en zonas de sombra que se ven bien en LCD. Cuarto, luz ambiental: una imagen de baja calidad se ve peor al aire libre con menor contraste de pantalla. Prueba tu compresión en un teléfono al sol, no solo en tu monitor calibrado de escritorio.

¿Es privado este compresor y sube mis imágenes a algún sitio?

No ocurre ninguna subida. Esta herramienta funciona enteramente del lado del cliente en tu navegador usando la API Canvas de HTML5 — tu imagen se lee en memoria, se decodifica, se recodifica y se ofrece de vuelta como descarga sin que un solo byte salga de tu dispositivo. Eso la hace segura para capturas confidenciales, trabajo de clientes, documentos médicos o legales y cualquier cosa bajo acuerdo de confidencialidad. El compromiso frente a las herramientas de servidor es que la calidad depende del codificador JPEG/WebP integrado de tu navegador en lugar de una biblioteca afinada como MozJPEG o pngquant, y las imágenes muy grandes se redimensionan automáticamente a un máximo de 4096px para no superar los límites de memoria del navegador. Como el canvas redibuja los píxeles, todos los metadatos EXIF, GPS y de cámara se eliminan automáticamente como efecto secundario — útil para la privacidad, pero guarda un original si necesitas esos datos.

¿Por qué comprimir un PNG a veces lo hace más grande, y qué formato debo descargar para la web?

PNG es un formato sin pérdida, así que el deslizador de calidad no hace nada a un PNG — no hay datos perceptivos que descartar. Cuando recodificas un PNG a través de un canvas, el codificador del navegador suele ser menos eficiente que la herramienta que creó el archivo originalmente (no puede hacer cuantización de paleta como pngquant), por lo que el resultado puede ser de hecho mayor que el original. Esta herramienta detecta ese caso, conserva tus bytes originales y reporta 0% en lugar de inflar el archivo. Para la web, lo práctico es convertir: esta herramienta codifica WebP y JPEG desde el mismo canvas con tu calidad elegida y marca el más pequeño como Recomendado. Como regla, elige WebP para fotos y gráficos con transparencia (normalmente 25-35% más pequeños que JPEG), JPEG para amplia compatibilidad en contenido fotográfico, y mantén PNG solo para gráficos de bordes nítidos, logos o capturas donde importa lo sin pérdida.