Compresor de Imágenes y redimensionador

Acerca de Compresor de Imágenes y redimensionador

Este compresor no descarga ningún códec: vuelve a guardar la imagen con el codificador que trae tu navegador (canvas.toBlob). Por eso el resultado cambia un poco de un navegador a otro, y la opción AVIF que ves en Chrome puede no aparecer en otro. Si una página pide a canvas un formato que no sabe codificar, el navegador guarda en PNG sin avisar y el archivo suele crecer; la herramienta comprueba la compatibilidad al cargar y oculta los formatos que fallarían así.

Al soltar un archivo, la herramienta reduce una copia a 220 px y mide dos cosas: si hay píxeles transparentes y cuánta variedad de color hay. La recomendación por defecto es WebP. Si parece un gráfico plano (menos del 3% de colores distintos en la muestra y que no venga de un JPEG), se salta la búsqueda de calidad y usa un 92 fijo. Las fotos se codifican de verdad a 35, 45, 55, 65, 75, 85 y 95, y se elige el codo de la curva de tamaño: el punto en el que bajar más ahorra poco y subir cuesta mucho.

Fotos y capturas de pantalla piden calidades distintas

Una fotografía tiene ruido del sensor y texturas finas que disimulan el detalle de alta frecuencia que JPEG y WebP descartan. Para verla en pantalla, casi nadie distingue del original un WebP a 70–80 o un JPEG a 75–85, y los valores iniciales de la herramienta (WebP 80, JPEG 82, AVIF 55) están en ese rango. AVIF da más calidad por el mismo número, así que un 55 en AVIF no equivale a un 55 en JPEG.

Las capturas, hojas de cálculo y fragmentos de código funcionan al revés. Alrededor de un borde nítido, como texto negro sobre blanco, los códecs con pérdida dejan halos tenues (ringing). En estos casos conviene una calidad de 90 o más, o dejar el PNG si el peso no es el problema real.

Por qué una captura PNG apenas adelgaza al pasarla a JPEG

PNG pasa cada fila por un filtro que guarda la diferencia con los píxeles vecinos (la especificación define cinco: None, Sub, Up, Average y Paeth) y después comprime con deflate. Una captura con grandes zonas de color liso se convierte en largas series de ceros, que deflate reduce muchísimo. JPEG trabaja con bloques de 8×8 coeficientes de frecuencia y saca menos partido del color plano; si subes la calidad para que el texto se lea bien, el JPEG puede acabar pesando más que el PNG original.

También ocurre lo contrario: una foto guardada en PNG casi no tiene repeticiones que aprovechar y suele ocupar varias veces lo que su versión JPEG. Por eso la herramienta nunca recomienda PNG por sí sola. Puedes elegirlo a mano, y entonces el control de calidad se desactiva, porque PNG no tiene ese ajuste.

El texto rojo se emborrona por el submuestreo de croma

JPEG y WebP con pérdida guardan el brillo por separado del color y, con frecuencia, reducen el color a la mitad de resolución en cada eje (4:2:0), porque el ojo distingue peor el detalle de color que el de luminosidad. En una foto no se nota. En letras rojas finas o en una línea azul sobre blanco, el color se derrama hacia los píxeles vecinos y los bordes se ensucian.

Los codificadores del navegador no ofrecen ninguna opción de submuestreo, así que aquí no se puede desactivar. En un banner o un gráfico con mucho texto de color, subir la calidad ayuda solo en parte; lo práctico es mantener el PNG o exportar desde un editor que permita elegir 4:4:4.

La resolución es la palanca más potente

El peso de un archivo depende mucho más del número de píxeles que del número de calidad. Si pasas una foto de 4000×3000 a 2000 px de ancho, eliminas tres cuartas partes de los píxeles. Normalmente eso ahorra más que bajar la calidad de 85 a 60, y la imagen se ve más limpia en pantalla porque no aparecen artefactos. Para un blog, un correo o WhatsApp, prueba primero un tamaño máximo de 1600–2560 con calidad alta.

El campo de tamaño máximo limita el lado largo y conserva la proporción. Nunca agranda la imagen por encima de sus dimensiones originales.

Qué pasa con la rotación y los metadatos

Los móviles suelen guardar los píxeles de lado y añadir en el EXIF una marca que dice «girar 90° al mostrar». Los navegadores actuales respetan esa marca al dibujar (la propiedad CSS image-orientation vale from-image por defecto), de modo que el resultado del canvas fija en los píxeles la orientación que ves.

Los datos EXIF (fecha de captura, modelo de cámara, coordenadas GPS) y los perfiles de color incrustados no pasan al archivo final. Viene bien para quitar la ubicación antes de publicar una foto, pero guarda el original si tu gestor de fotos ordena por fecha de captura. Si el original tiene EXIF, la herramienta avisa de que se eliminará. Si incluye un perfil de color distinto de sRGB, como el Display P3 de las fotos de iPhone, también advierte de que el perfil se quita y la imagen pasa a sRGB, así que los rojos y verdes muy intensos pueden variar un poco.

Modo de redimensionar: cuando necesitas píxeles exactos

La pestaña Redimensionar se salta la recomendación de compresión y simplemente vuelve a dibujar la imagen al tamaño que pidas. Hay tres formas de indicarlo. Píxeles te deja escribir el ancho o el alto; con el bloqueo de proporción activado, al poner uno se calcula el otro. Si lo desactivas e introduces otra proporción, como 1080×1080 para una foto 4:3, la imagen se estira o se aplasta para encajar en lugar de recortarse, y las caras salen alargadas. Porcentaje usa un control deslizante del 1 al 1000 %. Ajustar al tamaño máximo reduce el lado largo hasta el límite (1920 por defecto) y nunca amplía.

Pasar del 100 % en el modo porcentaje amplía la imagen, pero no inventa detalle: solo obtienes más píxeles y un archivo mayor. En el otro extremo, una reducción grande —de 4000 px a 300 px, por ejemplo— no se hace de un salto: la herramienta divide la imagen a la mitad paso a paso (2000 → 1000 → 500 → 300 px) con interpolación de alta calidad, lo que evita que las líneas finas y los patrones apretados se conviertan en dientes de sierra o muaré. La salida puede ser JPEG, PNG o WebP, y al nombre del archivo se le añade nombre-ANCHOxALTO. Un PNG transparente guardado como JPEG rellena de blanco las zonas transparentes.

Ejemplos

Cómo se usa

1. Suelta una imagen (JPEG, PNG, WebP o AVIF, hasta 200 MB).
2. Revisa el formato y la calidad recomendados; cámbialos con el desplegable y el control si hace falta.
3. Indica un tamaño máximo para bajar la resolución si necesitas un archivo más ligero.
4. Amplía con el comparador y descarga.

Preguntas frecuentes

Guías relacionadas

• Cómo funciona la compresión de imágenes: JPEG, PNG, WebP y AVIF
• Por qué unos PDF se comprimen un 90 % y otros casi nada