Convertidor de archivo a Base64
Elige una imagen o archivo — obtén un data URI Base64 listo para usar (o Base64 puro) que puedes pegar directamente en CSS, HTML, JSON o el cuerpo de una petición de API.
Cómo usarlo
Selecciona un archivo — en las imágenes aparece una vista previa junto a la salida. Copia el data URI completo (empieza por `data:image/png;base64,…`) para incrustar el archivo en CSS o HTML, o copia solo la parte Base64 si el campo destino la espera sin prefijo.
Incrustar imágenes pequeñas así evita una petición HTTP extra — útil para iconos diminutos, pero para algo mayor de unos KB un archivo normal con caché suele cargar más rápido que el Base64 incrustado.
Preguntas frecuentes
¿Para qué sirve un data URI?
Incrusta el contenido de un archivo dentro de CSS, HTML o JSON como texto, en vez de enlazar a un archivo aparte. Habitual para iconos en CSS, imágenes en correos o adjuntar un archivo en un payload JSON.
¿Debo usar data URIs para todas mis imágenes?
No — solo para recursos pequeños y poco cambiantes. Base64 aumenta los datos un 33% y no se cachea aparte como un archivo normal, lo que perjudica el rendimiento salvo en iconos pequeños.
¿Qué diferencia hay entre el data URI y el Base64 puro?
El data URI incluye el prefijo `data:<tipo>;base64,` que indica cómo interpretar los datos — necesario para CSS/HTML. La versión Base64 pura son los bytes codificados, necesarios cuando un campo o API los espera sin prefijo.
¿Se sube mi archivo a algún sitio?
No — la codificación ocurre localmente con la FileReader API del navegador. El contenido nunca sale de tu dispositivo.