Comprimir una imagen exige medir un compromiso; un valor del control no garantiza siempre el mismo tamaño. Influyen la imagen, sus detalles, el formato y el codificador del navegador. Un flujo fiable conserva el original, elige entre calidad visual y objetivo de bytes, y comprueba el archivo descargado.
El compresor de Lutrakit acepta lotes de JPEG, PNG y WebP fijos de hasta 50 MiB por archivo y crea salidas JPEG o WebP en el navegador. Mantiene las dimensiones en píxeles: el modo de objetivo prueba calidades, pero nunca reduce anchura o altura a escondidas. Los PNG y WebP animados se rechazan para no guardar solo un fotograma sin avisar.
Elegir calidad cuando importa el aspecto
El modo de calidad sirve cuando puedes revisar el resultado y el destino no impone un límite estricto. Va del 10% al 100% y empieza en 82%. Ese porcentaje es una petición al codificador, no una nota universal. Un WebP al 82% no tiene por qué coincidir con un JPEG, otra imagen o el resultado de otro navegador.
Empieza con el valor predeterminado. Revisa texto fino, cabello, bordes de alto contraste, degradados y texturas repetidas. Si pesa demasiado, vuelve al original y baja la calidad; si aparecen artefactos, súbela. No uses una salida con pérdida como nueva fuente una y otra vez, porque el daño puede acumularse.
Elegir un objetivo cuando existe un límite de bytes
El modo de objetivo ayuda con formularios, mensajería o gestores que rechazan archivos demasiado grandes. Introduce un entero entre 16 y 20.480 KB; aquí 1 KB equivale a 1.024 bytes. Lutrakit prueba como máximo diez niveles de calidad espaciados uniformemente, de mayor a menor.
La búsqueda mide cada Blob real. No supone que el tamaño disminuya de forma continua con la calidad, porque los codificadores pueden comportarse de manera distinta. Se devuelve el primer resultado probado que queda en el objetivo o por debajo. Si ninguno llega, se entrega el resultado más pequeño observado y se indica claramente que el objetivo no se alcanzó.
| Resultado | Significado | Siguiente paso |
|---|---|---|
| Objetivo alcanzado | La salida cumple los bytes pedidos en este navegador. | Revisar aspecto, dimensiones y aceptación del destino. |
| Objetivo no alcanzado | Ninguna de las diez calidades llegó al límite. | Aceptar más bytes, redimensionar aparte o cambiar de flujo. |
| Salida mayor que el original | La recodificación no ahorró bytes. | Conservar el original salvo que necesites la conversión. |
El objetivo es orientativo porque esta versión no redimensiona. Es mejor mostrar un fallo que eliminar píxeles en silencio para cumplir una cifra.
Elegir JPEG o WebP de forma consciente
WebP es un buen punto de partida para la web cuando el destino lo admite. JPEG sigue siendo común para fotografías opacas. Compara siempre la descarga real en la aplicación final.
JPEG no conserva transparencia. Antes de dibujar, Lutrakit rellena el lienzo de blanco; los píxeles transparentes pasan a blanco. Elige WebP si necesitas alfa y compruébalo después de descargar.
La plataforma web puede devolver otro tipo si el códec solicitado no existe. Lutrakit comprueba el MIME real del Blob. Si el navegador vuelve a PNG en lugar de crear JPEG o WebP, muestra un error en vez de poner una extensión engañosa.
Saber qué cambia y qué permanece
Se conservan anchura y altura del mapa de bits decodificado. El navegador recibe la petición de aplicar la orientación almacenada y después dibuja con las mismas dimensiones. La compresión cambia bytes y puede cambiar píxeles, pero no redimensiona deliberadamente.
La salida es una nueva serialización del lienzo. Los bloques Exif, GPS e ICC de origen no se copian. El codificador puede añadir campos técnicos propios, así que no es un borrador certificado de metadatos. Si ubicación, autoría, color o privacidad dependen de ellos, inspecciona la descarga con otra herramienta.
APNG usa el bloque de control acTL; WebP animado usa ANIM y ANMF en el
contenedor RIFF. Lutrakit busca esas estructuras antes de decodificar y las
rechaza. Usa un editor de animación cuando deban conservarse todos los cuadros.
Ejecutar una comprobación reproducible
- Guarda el original por separado.
- Abre el compresor de imágenes y selecciona una imagen fija representativa.
- Conserva WebP y 82%, procesa y descarga.
- Anota tamaño original y final, dimensiones, MIME real y artefactos al 100%.
- Empieza otra vez desde el original, elige objetivo e introduce el límite del destino en KB de 1.024 bytes.
- Anota si se alcanzó, el tamaño real y la calidad mostrada.
- Repite en el navegador y la aplicación que vayas a usar.
En un lote, utiliza archivos con el mismo requisito de entrega. Cada imagen produce su descarga y resumen. Una calidad única no da la misma calidad visual a una foto, una captura y un dibujo; revisa más de un resultado.
Comprobar privacidad, cancelación y límites
El proceso local usa APIs del navegador en el dispositivo. Para verificar el estado actual, abre Network, vacía el registro, selecciona una copia con un nombre único, procesa y confirma que ninguna petición contiene el nombre o los bytes. Esta prueba describe esa compilación, no cualquier cambio futuro.
Cancela también un trabajo grande y confirma que aparece una recuperación estable. Prueba un archivo animado y comprueba el rechazo. Si falta el códec, conserva la fuente y usa un formato o navegador compatible; no renombres una salida fallida.
Un archivo comprimido puede ocupar mucho más en memoria al decodificarse. El compresor aplica presupuestos de ráster adaptados al dispositivo además del límite de 50 MiB. Reduce el lote o utiliza un editor de escritorio para imágenes muy grandes, RAW, alta profundidad, impresión con gestión de color o másteres.
Lista final
- Conserva el original.
- Usa calidad para revisión visual y objetivo para un techo de bytes.
- Lee el estado alcanzado/no alcanzado.
- Verifica dimensiones, transparencia, formato y tamaño descargado.
- Inspecciona metadatos por separado si importan.
- No aplanes animaciones por accidente.
- Repite con archivos representativos en el destino real.
Para recortar, redimensionar y girar, usa un editor específico en vez de esperar que el modo objetivo cambie las dimensiones a escondidas. Para el modelo de privacidad, consulta el procesamiento local.
Fuentes
- WHATWG, HTML Standard: serialización de canvas y
convertToBlob(). - WHATWG, HTML Standard:
ImageBitmapycreateImageBitmap(). - W3C, Portable Network Graphics (PNG) Specification, Third Edition.
- Google, WebP Container Specification.