Codificar a file into a Data URI for inline embedding

Convertir a small image, font, or file into a data: URI so it can be embedded directly in HTML, CSS, or Markdown without a separate HTTP request.

1

A Data URI (data:[<mime>][;base64],<data>) embeds file contents directly in a URL. Browsers render it inline without a network request — useful for small icons, fonts, and sprites in HTML/CSS.
2

Codificador Base64 →
Upload or paste the file bytes. The tool outputs the Base64 string with no line breaks.
3

Vista previa de imagen Base64 →
If the file is an image, preview it here to confirm the Base64 renders correctly before embedding.
4

Referencia de tipos MIME →
Look up the correct MIME type for your file (e.g. image/png, font/woff2, text/css) to prefix the data URI.
5

Assemble the URI: data:<mime>;base64,<base64>. Paste it into <img src="..."> or url("...") in CSS. Keep Data URIs under ~32 KiB — larger ones hurt parse performance and some browsers impose limits.

Preguntas frecuentes

When should I use a Data URI vs a regular file?: Use Data URIs for small, infrequently-changed assets (icons, tiny sprites) where eliminating an HTTP request outweighs the ~33% size overhead of Base64. For large files or frequently-changed assets, serve them as separate files with cache headers.
Why does my Data URI not render?: Common causes: missing or wrong MIME type, missing ;base64 flag for binary data, or line breaks in the Base64 string. The Base64 must be a single unbroken line.

Flujos que resuelven esta tarea

Convertir Ascii85 a Base64

Decodificar Ascii85 y recodificar como Base64 para mayor compatibilidad.

Convertir Base2048 a Base64

Decodificar Base2048 (emoji) y recodificar como Base64 para transporte estándar.

Convertir Base32 a Base64

Decodificar una cadena codificada en Base32 a bytes y recodificar como Base64 para una representación más compacta.

Convertir Base58 a Base64

Decodificar Base58 y recodificar como Base64 para compatibilidad estándar.

Codificar en Base64 y decodificar para verificar ida y vuelta

Codificar texto a Base64 y decodificarlo para verificar que el recorrido de ida y vuelta preserva los datos originales.

Blowfish cifrar y luego Base64

Cifrar con Blowfish y luego codificar en Base64 para transporte seguro en texto.

DES cifrar y luego Base64

Cifrar con DES y luego codificar en Base64 para compatibilidad heredada.

Codificar un payload JSON para transporte por URL

Preparar un documento JSON para un parámetro URL: embellecer, codificar en Base64, luego codificar por ciento — el inverso exacto de la cadena de decodificación de parámetros anidados.

AES cifrar y luego codificar en Base64

Cifrar texto plano con AES y codificar el texto cifrado como Base64 para transporte seguro en texto.

Hash contenido y codificar como Base64

Calcular un hash de la entrada y codificar el resumen como Base64 para transporte compacto.

Convertir Hex a Base64

Decodificar una cadena Hex a bytes y recodificarla como Base64 para transporte compacto.

Firmar HMAC y luego codificar en Base64

Generar firma HMAC y luego codificar en Base64 para encabezados de autenticación de API.

Codificar Morse y transporte Base64

Codificar texto como código Morse y luego codificar en Base64 para transporte digital.

RC4 cifrar y luego Base64

Cifrar con RC4 y luego codificar en Base64 para transporte.

Hash RIPEMD-160 y luego Base64

Calcular hash RIPEMD-160 y luego codificar en Base64 para transporte.

Barajar texto y codificar Base64

Barajar caracteres de texto y luego codificar en Base64 el resultado.

Escape Unicode y codificar Base64

Escapar texto Unicode y luego codificar en Base64 para transporte seguro en ASCII.

Codificar URL y luego doble Base64

Codificar URL y luego codificar en Base64 para doble codificacion en payloads API.

UUencode y luego Base64

Codificar texto con UUencode y luego codificar en Base64 el resultado para doble codificacion.

Generar UUID y codificar Base64

Generar un UUID y codificarlo en Base64 para almacenamiento compacto.

Herramientas relacionadas

Codificador Base64

Encode text or binary data to Base64 online. Gratis, privado y 100% del lado del cliente.

Vista previa de imagen Base64

Preview Base64 image and show metadata. Gratis, privado, 100% del lado del cliente.

De Base64 a archivo

Decode Base64 data URL to downloadable file. Gratis, privado, 100% del lado del cliente.

Referencia de tipos MIME

Reference table of common MIME types mapped to file extensions with descriptions. Gratis, privado y 100% del lado del cliente.