Imagen a Base64
Convierte una imagen en un data URI Base64 para incrustarla directamente en CSS o HTML, o pega Base64 para convertirlo de nuevo en una imagen descargable. Todo funciona en tu navegador.
Convertir en el otro sentido
¿Necesitas pasar de Base64 de nuevo a una imagen? Usa la página dedicada:
Cómo convertir una imagen a Base64
- Suelta una imagen (o cambia a Base64 → Imagen y pega el Base64).
- Copia el data URI Base64: activa o desactiva el prefijo data:.
- Pégalo en tu CSS o HTML, o decodifícalo de nuevo a una imagen.
Acerca de la codificación Base64 de imágenes
Codificar una imagen como Base64 la convierte en una cadena de texto que puedes incrustar directamente en un fondo CSS, una etiqueta img de HTML o un payload JSON, sin necesidad de una petición de archivo aparte. Es práctico para iconos pequeños, imágenes en línea de correos y data URIs, aunque hace que los datos sean alrededor de un 33% más grandes, así que es mejor para recursos pequeños.
Esto convierte en ambos sentidos por completo en tu navegador: suelta una imagen para obtener su data URI, o pega un data URI / cadena Base64 para ver la vista previa y descargar la imagen. No se sube nada, así que tus imágenes privadas se quedan en tu dispositivo.
Preguntas frecuentes
¿Qué es un data URI?
Un data URI incrusta los bytes de un archivo directamente en una URL como Base64, por ejemplo data:image/png;base64,…; puedes usarlo como origen de una imagen o como fondo CSS sin un archivo aparte.
¿Por qué el Base64 es más grande que el archivo?
Base64 representa 3 bytes con 4 caracteres ASCII, así que el texto es alrededor de un 33% más grande que la imagen original. Es mejor para recursos pequeños como iconos.
¿Puedo convertir Base64 de nuevo en una imagen?
Sí. Cambia a Base64 → Imagen, pega un data URI o Base64 sin procesar, y verás la vista previa y podrás descargar la imagen decodificada.
¿Se sube mi imagen?
No. Ambos sentidos funcionan por completo en tu navegador, así que tu imagen o Base64 nunca sale de tu dispositivo.