Compresor de imágenes

¿Qué es un compresor de imágenes?#

Esta herramienta reduce el tamaño de archivo de una imagen volviéndola a codificar a través del pipeline Canvas del navegador con menor calidad, un formato diferente o un tamaño de píxel menor: la combinación que elijas. El resultado es un archivo nuevo que puedes descargar, con una comparación de tamaño antes/después para que el intercambio sea visible. Es el arreglo cotidiano de «esta foto es demasiado grande para adjuntarla», hecho en local y sin subida.

Hay tres palancas disponibles, y se combinan:

• Formato de salida — JPEG (con pérdidas, opaco), WebP (con pérdidas, moderno, aproximadamente un 25–35 % más pequeño que JPEG a igualdad de calidad) o PNG (sin pérdidas; solo se reduce mediante redimensionado, nunca mediante pérdida de calidad).
• Calidad — un control deslizante de 5–100 que se mapea al ajuste de calidad del codificador. Solo se aplica a JPEG y WebP; el control se oculta para PNG porque PNG no puede perder calidad por diseño.
• Ancho máximo / Alto máximo — límites opcionales que escalan la imagen hacia abajo (preservando la relación de aspecto, nunca ampliando) antes de la codificación. El redimensionado es, con diferencia, la mayor ganancia de tamaño para fotografías.

Como el trabajo ocurre en un <canvas> a través de createImageBitmap y canvas.toBlob, tu imagen se decodifica, transforma y vuelve a codificar en memoria; el archivo original queda intacto.

Cómo se usa#

1. Arrastra una imagen a la zona punteada.
2. En la fila de controles, elige:
   • Formato de salida — por defecto, el tipo de origen para PNG/WebP, JPEG para todo lo demás.
   • Ancho máximo / Alto máximo — déjalo en blanco para «auto» (sin redimensionado), o introduce un límite en píxeles. La imagen se escala para caber dentro de la caja sin distorsión.
   • Calidad — arrastra el control (5–100); el valor actual se muestra al lado. Se ignora para PNG.
3. Haz clic en Comprimir. La barra de estadísticas muestra Original, Comprimido y Ahorro (bytes y porcentaje), más un aviso si el resultado es, de algún modo, más grande.
4. Descarga el archivo comprimido. La vista previa muestra el resultado para que puedas juzgar la calidad visual.

Características clave#

• Valores predeterminados según formato. PNG se mantiene como PNG (así la transparencia y los bordes afilados sobreviven); las fotografías se relegan por defecto a JPEG; la herramienta nunca destruye silenciosamente un canal alfa.
• Redimensionado que preserva la relación. Ancho y alto máximos definen una caja delimitadora; la imagen cabe dentro con su relación intacta y nunca se amplía.
• Informe de tamaño honesto. Cuando una recodificación produce un archivo más grande (común en PNG a PNG o en un JPEG ya diminuto), la herramienta lo dice en vez de fingir que ahorró espacio.
• Salida WebP. Los navegadores modernos recortan otro 25–35 % frente a JPEG con la misma calidad visual; útil para recursos web.
• Pipeline local. Las APIs de Canvas hacen la codificación; no se sube nada.

Ejemplo práctico#

Una foto de teléfono de 4,5 MiB a 4032×3024 es demasiado grande para enviarla por correo. Suéltala, pon Formato de salida en WebP, Ancho máximo en 1920 (el alto se autoescala a 1440), Calidad en 80. Haz clic en Comprimir. La barra de estadísticas muestra:

El redimensionado hizo la mayor parte del trabajo (unos 4× menos píxeles); WebP en calidad 80 se encargó del resto. El resultado está por debajo del medio megabyte y es visualmente indistinguible en pantalla.

Probar la misma fuente como PNG en calidad 100 sin redimensionado, por el contrario, normalmente muestra el archivo comprimido como más grande: PNG es sin pérdidas y no puede descartar el ruido de la foto como hacen JPEG o WebP. La herramienta lo señala con el aviso de «más grande» en lugar de afirmar un ahorro falso.

Preguntas frecuentes#

El control de calidad está atenuado. ¿Por qué?#

PNG es un formato sin pérdidas; no tiene dial de calidad. Cuando eliges PNG, el control se oculta porque no tiene efecto. Cambia a JPEG o WebP para controlar la calidad.

Mi archivo «comprimido» es más grande que el original. ¿Cómo?#

Dos causas comunes: recodificaste un JPEG ya comprimido como PNG (PNG no puede igualar la compresión con pérdidas de JPEG en fotos), o el origen era una imagen diminuta y muy comprimida y la recodificación PNG añadió sobrecarga. Elige un formato con pérdidas (JPEG o WebP) y/o activa el redimensionado.

¿Amplía si introduzco un ancho máximo enorme?#

No. Ancho y alto máximos solo limitan la cota superior; si el origen ya es más pequeño, se devuelve en su tamaño original. Ampliar solo inflaría el archivo sin beneficio de calidad.

¿Es WebP seguro para usar en todas partes?#

Los navegadores modernos (Chrome, Edge, Firefox, Safari 14 y posteriores) admiten todos WebP. Si necesitas dar soporte a navegadores muy antiguos o a ciertos pipelines de procesamiento de imágenes, vuelve a JPEG.