Salida de URI de datos
Cadena URI de datos Base64 completa lista para incrustar en línea en cualquier lugar.
100% gratis: convierte cualquier imagen JPG, PNG o WebP a un URI de datos Base64 al instante. Copie la cadena sin formato, una etiqueta HTML, una imagen de fondo CSS o una variable JavaScript: perfecto para desarrolladores que incrustan imágenes en línea. Nada sale de tu navegador.
or click to browse
JPG, PNG & WebP · paste with Ctrl+V / ⌘VCargue una vez, copie el formato que necesita: ideal para correos electrónicos HTML, CSS en línea y activos pequeños.
Arrastre y suelte, explore o pegue una imagen desde su portapapeles.
La herramienta genera un URI de datos Base64 más fragmentos HTML, CSS y JS.
Haga clic en Copiar en el formato que necesita y péguelo en su proyecto.
Todos los formatos de salida que necesita, desde URI de datos sin procesar hasta fragmentos de código listos para pegar.
Cadena URI de datos Base64 completa lista para incrustar en línea en cualquier lugar.
Etiqueta img prediseñada con el atributo src codificado: péguela en HTML o envíela por correo electrónico.
declaración de imagen de fondo con el URI de datos: colocar en hojas de estilo.
Asignación de variables constantes para uso en scripts y marcos.
La codificación se realiza localmente: sus imágenes nunca se cargan.
Sin registro, sin límites: codifica tantas imágenes como necesites.
Los desarrolladores a menudo necesitan incrustar imágenes directamente en HTML, CSS o JavaScript sin alojar archivos separados. Un URI de datos Base64 codifica la imagen como una cadena de texto que puede pegar en cualquier lugar. Este conversor gratuito de imagen a Base64 lee su archivo localmente y genera el URI de datos más fragmentos listos para usar para etiquetas HTML, imagen de fondo CSS y variables JavaScript.
Base64 es ideal para íconos pequeños en correos electrónicos HTML (donde se bloquean imágenes externas), reemplazos de SVG en línea y para reducir las solicitudes HTTP para activos pequeños. Para fotografías grandes, los archivos de imagen normales son más eficientes: Base64 agrega aproximadamente un 33% de gastos generales. Esta herramienta muestra el tamaño codificado para que puedas decidir.
Todo se ejecuta en su navegador en Uzetool: explore más herramientas para desarrolladores.
Sube tu imagen a esta herramienta. Lee el archivo localmente y muestra el URI de datos Base64 más fragmentos de HTML, CSS y JavaScript. Haga clic en Copiar en el formato que necesita.
Un URI de datos incorpora el contenido del archivo directamente en una cadena URL (datos:imagen/png;base64,...). Le permite insertar imágenes pequeñas en HTML, CSS o JavaScript sin archivos de imagen separados.
Sí, 100% gratis, sin límites de registro ni de uso.
No. FileReader lee su imagen localmente en el navegador. No se envía nada a ningún servidor.
Se admiten imágenes JPG, PNG y WebP. El URI de datos de salida conserva el tipo MIME original.
Base64 funciona bien para íconos pequeños, correos electrónicos HTML y para reducir las solicitudes HTTP para activos pequeños. Para fotografías grandes, utilice archivos de imagen normales: Base64 aumenta el tamaño del archivo en aproximadamente un 33 %.