Convertidor Imagen a Base64

El formato data URI es: data:image/png;base64,[cadena codificada]. Incluir el prefijo hace que la cadena esté lista para usar directamente en HTML (<img src="data:image/png;base64,..."/>) y en CSS (background-image: url("data:image/png;base64,...")). Sin el prefijo obtienes Base64 puro, útil para payloads de API o código personalizado que añade el prefijo por sí mismo.

La codificación Base64 aumenta el tamaño aproximadamente un 33%. Cada 3 bytes binarios se convierten en 4 caracteres ASCII. Una imagen de 100 KB se convierte en unos 133 KB de texto Base64. Este aumento es el precio de incrustar la imagen como texto plano.

Ideal para imágenes pequeñas: iconos, logotipos, gráficos simples (menos de 5–10 KB). Ventajas: elimina una petición HTTP, la imagen siempre está disponible aunque el servidor falle, ideal para emails HTML donde las imágenes externas se bloquean. No se recomienda para fotos grandes: el aumento de tamaño y la pérdida de caché hacen que las URL de archivos normales sean más rápidas.

Activa el interruptor del prefijo Data URI y copia el resultado. Para una etiqueta de imagen: <img src="[pega aquí]" alt="..."/>. Para CSS: background-image: url("[pega aquí]"). El data URI funciona en todos los navegadores modernos sin ningún servidor ni archivo externo.

Sí. Desactiva el prefijo Data URI para obtener Base64 puro e inclúyelo como campo de cadena JSON. La API receptora reconstruye la imagen binaria a partir de la cadena Base64. Es habitual en APIs que aceptan imágenes sin cargas de archivos multiparte.

Máximo 10 MB. Con 10 MB de entrada, el resultado Base64 es de unos 13,3 MB. Las cadenas Base64 muy largas pueden ralentizar las operaciones de copia y pueden alcanzar los límites del portapapeles del navegador. Para imágenes de más de unos cientos de KB, el alojamiento de archivos normal es más práctico.

No. La imagen se lee localmente con la API FileReader del navegador y se codifica con JavaScript completamente en tu dispositivo. Los datos de la imagen nunca abandonan tu navegador, lo que lo hace seguro para imágenes privadas o confidenciales.