Imagen a Base64
data-url
Xcss
XDataURI te permite incrustar archivos pequeños en documentos HTML. Puedes usar la etiqueta img o CSS para incrustar la codificación Base64 convertida, reduciendo las solicitudes HTTP y acelerando el tiempo de carga de imágenes pequeñas. El tamaño del archivo después de la codificación Base64 es generalmente aproximadamente un 30% mayor que el archivo original.
// Using Base64 in CSS .box{ background-image: url("data:image/jpg;base64,/9j/4QMZR..."); }
// Using Base64 in HTML <img src="data:image/jpg;base64,/9j/4QMZR... " />
¿Qué es Imagen a Base64?
Imagen a Base64 es el proceso de convertir imágenes en cadenas codificadas en Base64. Principalmente resuelve los siguientes problemas: reducir las solicitudes HTTP en las páginas web para acelerar la carga, facilitar la transmisión y el almacenamiento de imágenes en escenarios de solo texto (como interfaces de API y bases de datos de texto) y simplificar los procedimientos de procesamiento de datos.
¿Qué es un Conversor de Imagen a Base64 en línea?
El conversor de Imagen a Base64 en línea permite la conversión sin un entorno de desarrollo y muestra directamente los códigos data-url y CSS, lo que facilita a los usuarios copiarlos y usarlos directamente.
¿Cómo ejecutar un Conversor de Imagen a Base64?
Haz clic en "Elegir archivo" en la esquina superior derecha para cargar una imagen. Luego, aparecerán data-url, CSS y Base64 nativo debajo. Hay instrucciones para usar data-url y CSS Base64 en la parte inferior. En este momento, los usuarios pueden hacer clic directamente en el icono de copiar para copiar el contenido correspondiente.