Comprimir JPG

¿Cómo funciona la compresión JPG en el navegador?

JPEG es un formato de imagen con compresión con pérdida: un algoritmo decide qué información de la imagen el ojo no percibe de todos modos y la descarta para reducir el tamaño del fichero. El parámetro de calidad controla con cuánta agresividad se descarta — 100 conserva casi todo, 1 descarta casi todo, y en medio queda el rango práctico.

La herramienta utiliza un codificador WebAssembly que ejecuta en el navegador una biblioteca de codificación JPEG de código abierto contrastada. Con la misma calidad visual, los ficheros de salida son típicamente entre un 10 y un 20 % más pequeños que con la API Canvas nativa. Si la vía WASM no se inicializa en su navegador, la herramienta recurre silenciosamente al codificador Canvas nativo.

JPG (1–50 MB)
    ↓
[1] decodificar → ImageBitmap → Canvas
    ↓
[2] codificar → codificador JPEG WASM (JPG) O Canvas-toBlob (JPG/WebP)
    ↓
[3] comparador A/B + estadísticas por fichero
    ↓
ZIP o ficheros individuales

¿Qué nivel de calidad necesito?

Tres valores de referencia tomados de la práctica, que ofrecemos también como preajustes:

• Calidad 75 — «Web»: imágenes principales, entradas de blog, tiempos de carga rápidos, ancho de banda reducido. Un 70 % más pequeño que el original aproximadamente. Mirando con detalle se aprecian en degradados suaves (cielo, piel) leves estructuras de bloque — en la lectura normal no se nota.
• Calidad 85 — «Social»: publicación de Instagram, cabecera de LinkedIn, imágenes de boletín. Un 55 % más pequeño aproximadamente. Los artefactos solo se aprecian con zoom al 100 %, y la impresión visual sigue siendo fotográfica.
• Calidad 95 — «Archivo»: versiones preliminares para imprenta, fototeca propia, copia de seguridad. Un 20 % más pequeño que el original aproximadamente; el ojo no encuentra diferencia — es el punto en el que se dice «prácticamente sin pérdida».

Una calidad inferior a 70 solo merece la pena si el fichero debe quedar realmente muy pequeño (adjunto de correo con límite estricto). Por debajo de 50, el fichero se vuelve más feo que pequeño.

¿Por qué WebP como formato de salida?

WebP es un formato de imagen más moderno, desarrollado por Google y publicado en 2010. Con calidad comparable, WebP genera típicamente ficheros entre un 25 y un 34 % más pequeños que JPG — y desde 2020, todos los navegadores de actualización continua (Chrome, Firefox, Safari, Edge) leen WebP de forma nativa. En 2026, la cobertura mundial de navegadores alcanza el 97 %.

Consejo práctico: WebP es excelente para distribución web, pero no para adjuntos de correo o flujos de imprenta. Para imprentas, software antiguo o destinatarios con configuración poco clara, JPG sigue siendo la opción segura. El selector de formato cambia con un solo clic — puede exportar el mismo valor del control deslizante en ambos formatos y comparar los tamaños de salida.

Lo que muestra el control deslizante A/B

La comparación A/B superpone el original y la versión comprimida y los combina mediante una línea vertical que se desplaza con el ratón o con el control deslizante. Así detectará de inmediato las zonas en las que la compresión se vuelve visible — normalmente son:

• Cielo y degradados suaves: los artefactos de bloque se hacen visibles aquí primero (rejilla de 8×8 píxeles).
• Bordes y texto: el ruido mosquito aparece como un leve brillo alrededor de los bordes duros.
• Piel y texturas de tela: con calidad baja, la textura fina se vuelve «pastosa».

Haga clic en cualquier parte de la imagen para acercar la zona — ambos lados se amplían de forma sincronizada, para que la comparación sea precisa. «Restablecer zoom» le devuelve a la vista general. Teclado: las flechas desplazan la línea, Inicio/Fin saltan al borde.

Privacidad — todo se queda en la pestaña del navegador

Muchas herramientas en línea gratuitas para el mismo problema cargan sus imágenes en sus servidores, prometen borrado en 24 horas y la mayoría de las veces borran. El problema no es el borrado, sino la subida: quien opera el servidor ve las imágenes. Fotos privadas, escaneos de DNI, manuscritos — todo pasa por manos ajenas, aunque sea brevemente.

Aquí no ocurre nada de eso. Una vez cargada la página, todo el procesado se realiza con estándares web (API Canvas, WebAssembly) en la pestaña del navegador. Puede verificarlo en el panel de red de las herramientas de desarrollo: durante la compresión no sale ningún fichero de imagen. Tampoco hay telemetría, ni análisis de clics, ni cookies.

¿Qué lagunas deliberadas tiene esta herramienta?

Construimos un compresor JPG, no una navaja suiza de imágenes. Lo que no se incluye deliberadamente:

• Exportación AVIF o JXL: sería otra herramienta (jpg-zu-avif ya existe). Esta página mantiene el alcance en JPG → JPG y JPG → WebP.
• Entrada PNG, GIF o SVG: PNG tendrá su propia herramienta png-kompressor; mezclar entradas haría la herramienta menos nítida.
• «Recorte inteligente» o compresión consciente del contenido: requiere un modelo de IA que no queremos cargar en el navegador — demasiado grande para el caso de uso.
• Modo sin pérdida: sería un optimizador, no un compresor. La calidad 95 es aquí el punto visualmente sin pérdida.
• Entrada por URL o «comprimir desde URL»: requeriría un servidor intermedio — rompe la promesa de procesado íntegro en el navegador.
• Redimensionar al comprimir: herramienta propia bild-groesse-aendern. Quien necesite ambas funciones las ejecuta de forma secuencial.

La herramienta hace una cosa bien y dice claramente dónde está su límite.

¿Qué herramientas de imagen están relacionadas?

Otras herramientas del ecosistema kittokit que encajan con imágenes:

• Eliminar metadatos — elimine EXIF, GPS y autor de JPG, PNG, WebP y PDF, de forma local en el navegador.
• Convertir formato de imagen — convierta PNG/JPG a WebP o AVIF, con control deslizante de calidad.
• Ampliar imagen — amplíe imágenes con red neuronal en el navegador, sin enviar nada a un servidor.