¿Qué son las imágenes incrustadas?

Las imágenes incrustadas se almacenan directamente dentro de otro documento, recurso o carga de datos en lugar de referenciarse como archivos externos independientes. El formato contenedor determina cómo se representan los bytes de la imagen y el tipo de medio.

Cómo funcionan las imágenes incrustadas

Un contenedor puede incorporar los bytes de una imagen mediante un objeto binario, una parte de un paquete, una sección MIME o una representación textual, como una URL de datos. El analizador del contenedor, en lugar de una solicitud de imagen independiente, localiza esos bytes y los pasa a un decodificador adecuado. Esto crea una diferencia en el ciclo de vida: puede que ya no sea posible cambiar la imagen o almacenarla en caché por separado. Por tanto, la incrustación es una decisión de empaquetado que se toma después del encoding de la imagen, pero antes de distribuir un documento o una carga de datos.

Datos clave

  1. Un objeto incrustado sigue necesitando información fiable sobre su tipo y longitud. Confiar en una etiqueta similar a un nombre de archivo en lugar de inspeccionar la carga de datos delimitada puede llevar a seleccionar el decodificador equivocado o a sobrepasar los límites de su contenedor.
  2. Una URL de datos dentro de un recurso HTML o CSS comparte el ciclo de vida de la caché del recurso que la contiene y no puede revalidarse de forma independiente, incluso cuando la misma imagen se repite en varias páginas.
  3. Algunos formatos compuestos pueden hacer referencia a un único objeto de imagen interno compartido, mientras que los métodos de incrustación más sencillos duplican sus bytes codificados en cada uso. La estructura del contenedor determina si es posible la deduplicación.

Cuándo son importantes las imágenes incrustadas

Incrusta imágenes cuando la portabilidad o el empaquetado en un solo archivo tengan más peso que el almacenamiento en caché y la sustitución independientes. La sobrecarga del encoding y la duplicación pueden aumentar el tamaño del documento, mientras que los formatos de imagen no compatibles pueden impedir su correcta visualización.

Convierte tus conocimientos sobre multimedia en un pipeline funcional

Conecta las subidas, el procesamiento, la IA, el almacenamiento y la entrega mediante una sola API declarativa, mientras nos encargamos por ti del stack de encoding, el escalado y los cambios constantes de formatos.

Prueba Transloadit gratis