Blob
Binary Large Object - un objeto inmutable que representa datos binarios sin procesar en el navegador, ampliamente utilizado para la lectura y escritura de archivos de imagen en JavaScript.
Un Blob (Binary Large Object) es un objeto inmutable que representa datos binarios sin procesar en el entorno JavaScript del navegador. En el procesamiento de imágenes, los Blobs contienen datos de imagen provenientes de entradas de archivo o salidas de Canvas, permitiendo operaciones de descarga y carga.
El objeto File hereda de Blob, por lo que las imágenes seleccionadas mediante <input type="file"> son directamente utilizables como Blobs. El método toBlob() de la API Canvas convierte el contenido renderizado en un Blob en formato JPEG, PNG o WebP.
URL.createObjectURL(blob) genera una URL temporal para uso en elementos <img> o enlaces de descarga. La herramienta de compresión de imágenes utiliza blob.size para mostrar comparaciones de tamaño de archivo. Para prevenir fugas de memoria, las Object URLs no utilizadas deben liberarse mediante URL.revokeObjectURL().