Imagen a Base64
Convierte una imagen en un data URL Base64, o vuelve a convertir una cadena Base64 en imagen. En ambos sentidos, en tu navegador.
Arrastra una imagen aquí
Elige una imagen para obtener su cadena Base64.
Qué hace esta herramienta
Convierte cualquier imagen en un data URL Base64 que puedes pegar directamente en CSS, HTML o JSON, y luego haz el camino inverso reconstruyendo una imagen desde una cadena Base64. Ambos sentidos funcionan en tu navegador, así que tus imágenes nunca se suben. Cambia entre los dos modos con las pestañas.
¿Trabajas con codificación en crudo? Codifica cualquier texto con Base64, o cambia primero el formato de una imagen con Conversor de imágenes.
Para qué te sirve
- Incrustar un icono pequeño directamente en CSS o HTML como data URL.
- Meter una imagen dentro de un JSON o una plantilla de correo.
- Recuperar una imagen desde una cadena Base64 que encontraste en código.
- Previsualizar qué contiene realmente una cadena Base64.
Cómo se usa
- Elige un sentido: Imagen a Base64 o Base64 a Imagen.
- Para codificar, arrastra una imagen y copia el data URL.
- Para decodificar, pega una cadena Base64 o un data URL.
- Previsualiza el resultado y descárgalo o cópialo.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Combina bien con
Otras herramientas que la gente suele usar en el mismo flujo.
Otras herramientas del mismo campo
ImagenCodificador y decodificador Base64
Codifica o decodifica texto en Base64, con opción de alfabeto URL-safe.
Conversor de imágenes
Pasa imágenes entre PNG, JPG y WEBP. Rápido, en tu navegador, en cualquier dirección.
Comprimir imagen
Reduce el peso de tus imágenes sin que se note en la calidad.
Redimensionar imagen
Ajusta el tamaño de cualquier imagen, manteniendo la proporción si quieres.
Preguntas frecuentes
¿Qué es un data URL Base64?
Es una forma de incrustar un fichero directamente en texto, como data:image/png;base64,iVBORw0… Los navegadores lo tratan como una fuente de imagen real, así que puedes meter recursos pequeños sin una petición aparte.
¿Debería incrustar imágenes grandes así?
Normalmente no. Base64 hace que los datos ocupen alrededor de un tercio más y no se pueden cachear por separado, así que es mejor para iconos pequeños. Para imágenes grandes, mantén un fichero normal y enlázalo.
¿Se suben mis imágenes?
No. La codificación usa el FileReader del navegador y la decodificación reconstruye la imagen en local. Nada sale de tu dispositivo, lo que viene bien para imágenes privadas o sin publicar.
¿Por qué mi Base64 no muestra una imagen?
Puede que no sea Base64 válido, o que no sean datos de imagen. La herramienta comprueba la cadena e intenta detectar el tipo de imagen por sus primeros bytes; si no puede, te avisa en vez de mostrar una imagen rota.