Imagen a Base64

Convierte cualquier imagen en una data URI Base64 al instante. Copia la cadena codificada para fondos CSS, etiquetas img HTML o insértala en JSON.

PNG · JPG · GIF · SVG · WebPCodificación instantáneaSin subida

① Arrastra o selecciona un archivo de imagen ② Elige el formato (Base64 / Data URL) ③ Copia la cadena codificada

Arrastra la imagen aquíPNG, JPG, GIF, SVG, WebP — o haz clic para buscar
Cómo funciona

La API FileReader lee tu archivo de imagen y lo convierte en una data URI codificada en Base64. Todo ocurre en el navegador — tu archivo nunca abandona tu dispositivo.

¿Qué es Base64?

Base64 codifica datos binarios como texto ASCII usando 64 caracteres imprimibles. Una data URI combina el tipo MIME y la cadena Base64 en una cadena embebible que comienza con data:.

Cuándo usarlo

Usa imágenes Base64 para eliminar peticiones HTTP de iconos pequeños, incrustar imágenes en CSS, almacenar imágenes en APIs JSON, o usarlas en HTML de email donde las imágenes externas están bloqueadas.

Imagen a Base64 — cómo funciona la codificación data URI

La codificación Base64 convierte datos binarios (como archivos de imagen) en una cadena de texto usando solo caracteres ASCII. Un Data URL (data:image/png;base64,…) incrusta los datos directamente en HTML o CSS, eliminando la necesidad de una petición HTTP separada. La API FileReader genera la cadena completamente en el cliente. Ideal para iconos pequeños en etiquetas <img src="data:..."> o CSS background-image. La cadena codificada es aproximadamente un 33% más grande que el binario original.

Preguntas frecuentes

La codificación Base64 convierte datos binarios de imagen en una cadena de caracteres ASCII. Una data URI envuelve esta cadena con un prefijo de tipo MIME (ej. data:image/png;base64,...) para que pueda usarse en src HTML, background-image CSS o JSON.
La API FileReader del navegador lee el archivo como buffer binario, luego codifica cada 3 bytes de datos binarios como 4 caracteres Base64. El resultado es una cadena autónoma que incluye el tipo de archivo y todos los datos de píxeles.
Una cadena Base64 son solo los datos codificados en bruto. Una data URI es la cadena completa embebible: data:[tipo MIME];base64,[cadena Base64]. Para HTML o CSS necesitas la data URI completa.
Cualquier formato de imagen que el navegador pueda leer: PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF. El tipo MIME se detecta automáticamente.
Las imágenes codificadas en Base64 son aproximadamente un 33% más grandes que el archivo binario original. No pueden ser cacheadas por el navegador por separado. Es mejor usar Base64 solo para imágenes menores de 10–20 KB.
En CSS: background-image: url('data:image/png;base64,...'). El botón 'Copiar como fondo CSS' formatea el valor listo para pegar en tu hoja de estilos.
No. La conversión completa se ejecuta en tu navegador usando la API FileReader. Tu archivo de imagen nunca abandona tu dispositivo.

Explora nuestra red