Convierte cualquier imagen en una data URL codificada en Base64 para poder incrustarla directamente en HTML, CSS o JavaScript sin una referencia a un archivo aparte. Las imágenes Base64 son útiles para plantillas de correo, estilos SVG en línea, data URIs en hojas de estilo y situaciones en las que no puedes alojar archivos externamente. La salida es un archivo de texto con la cadena data URL completa, lista para copiar y pegar.
Suelta los archivos aquí
o explorar para subir · pegar desde el portapapeles
Hasta 10.0 MB por archivo
Sube tu imagen
Suelta una imagen JPEG, PNG, WebP o AVIF (máx. 10 MB: las cadenas Base64 crecen rápido). La herramienta lee los bytes del archivo sin volver a codificarlo.
Haz clic en Convertir
Los bytes de la imagen se convierten en una cadena Base64 y se envuelven en una data URL con el prefijo de tipo MIME adecuado (por ejemplo, data:image/jpeg;base64,...).
Descarga el archivo de texto
La salida es un archivo .txt que contiene la data URL completa. Ábrelo en cualquier editor de texto y copia la cadena.
Úsalo en tu código
Pega la data URL directamente en un atributo src de img, en una propiedad CSS background-image o en una cadena de JavaScript. No se necesita alojar la imagen por separado.
Una data URL Base64 es una forma de incrustar datos binarios (como una imagen) directamente en una cadena de texto. El formato es: data:[tipo-mime];base64,[datos-codificados]. Permite usar imágenes directamente en HTML, CSS y JavaScript sin cargar un archivo aparte por la red. Una imagen JPEG se convierte en una cadena muy larga que empieza por data:image/jpeg;base64,/9j/4AAQ...
Usa Base64 cuando: necesites incrustar imágenes en plantillas de correo HTML (donde las URLs externas pueden estar bloqueadas), en documentos HTML de un solo archivo, en archivos SVG o en contenido generado por JavaScript. Evita Base64 para imágenes grandes en sitios web públicos: aumenta el tamaño del archivo HTML/CSS en ~33 %, bloquea el análisis y no se puede almacenar en caché por separado de la página.
La codificación Base64 representa cada 3 bytes de datos binarios como 4 caracteres ASCII, una sobrecarga del 33 %. Un JPEG de 100 KB se convierte en una cadena Base64 de ~133 KB. Este es el compromiso fundamental de Base64: hace que los datos binarios sean representables como texto, pero a un coste de tamaño. Para imágenes grandes, esta sobrecarga es significativa.
Limitamos la entrada a 10 MB. La cadena Base64 resultante será de ~13,3 MB. Los navegadores manejan bien las cadenas largas, pero incrustarlas en HTML/CSS puede ralentizar considerablemente la renderización de la página. Para uso web, mantén las imágenes incrustadas por debajo de 10–20 KB. Las imágenes más grandes deben servirse como archivos separados.
Sí: <img src="data:image/jpeg;base64,/9j/4AAQ..." alt="Mi imagen">. El navegador decodifica la cadena Base64 y muestra la imagen sin ninguna petición de red. Esto funciona en todos los navegadores modernos para los formatos JPEG, PNG, GIF, WebP y SVG.
¿Algo no funciona? Informar de un error
