Recientemente, llegué a una página web con imágenes en el interior, pero no había recursos de imagen externos referenciados. Tenía mucha curiosidad. Después de revisar el código, descubrí que las imágenes en el interior eran reemplazadas por una cadena codificada Base64. Esto se llama esquema de URI de datos.
Los tipos respaldados por el esquema de URI de datos son:
Datos: Datos de texto
Datos: texto/simple, datos de texto
Datos: texto/html, código HTML
Datos: texto/html; base64, código HTML codificado Base64
Datos: texto/CSS, código CSS
Datos: Texto/CSS; Base64, código CSS codificado Base64
Datos: texto/JavaScript, código JavaScript
Datos: Texto/JavaScript; Base64, código JavaScript codificado Base64
Datos: Imagen/GIF; Base64, datos de imagen GIF codificados Base64
Datos: Imagen/PNG; Base64, datos de imagen PNG codificados Base64
Datos: Imagen/JPEG; Base64, datos de imagen JPEG codificados Base64
Datos: Imagen/X-Icon; Base64, datos de imagen de icono codificados Base64
Yo mismo hice una página simple, haga clic para ver la página de prueba, puede echar un vistazo al código fuente. La operación general es la siguiente:
1 imagen codificada de base64
En Linux, puede usar directamente la ruta de imagen Base64+ para generar cadenas codificadas Base64
imagen:
Use el comando:
base64 android.png
La cadena resultante es:
Copiar el código