Guías de Base64

Imágenes con URL de datos

Una URL de datos coloca el tipo de medio y los bytes codificados directamente en HTML o CSS, como data:image/png;base64,... Es útil para iconos pequeños, plantillas de correo y demos autocontenidas.

Crear una URL de datos válida

Usa el tipo MIME exacto, una coma separadora y Base64 sin espacios accidentales. PNG y JPEG tienen firmas distintas. El codificador de archivos puede generar valores de prueba.

<img alt="Small logo" src="data:image/png;base64,ENCODED_BYTES">

Compromisos de rendimiento

Las URL de datos aumentan el tamaño alrededor de un tercio, impiden caché independiente y pueden ralentizar el parseo si se abusa de ellas. Prefiere archivos normales para fotos y recursos repetidos.