Imagen a Base64
Convertir imagen a Base64 online
Sube imágenes PNG, JPG, WebP, GIF, SVG, AVIF o BMP y copia la salida en Base64 para HTML, CSS, Markdown, JSON, APIs, emails o pruebas.
Usa una Data URL cuando quieras incrustar la imagen directamente en HTML, CSS o Markdown. Usa Base64 sin formato cuando una API, base de datos o campo JSON solo necesite los bytes codificados. Base64 funciona mejor con imágenes pequeñas e iconos.
Suelta imágenes aquí para convertirlas a Base64
Tus archivos se codifican localmente en el navegador. La conversión de imagen a Base64 no sube tus imágenes.
Haz clic para seleccionar archivos o arrastra y suelta imágenes. Se admite la conversión por lotes.
Prepara la imagen primero
Otras herramientas
Explora nuestras otras herramientas
Cómo convertir una imagen a Base64
Convierte cualquier imagen en una cadena Base64 sin formato, una Data URL completa o un fragmento listo para usar en HTML, CSS, Markdown o JSON.
Sube una o más imágenes
Arrastra los archivos al convertidor o haz clic para elegir imágenes PNG, JPG, WebP, GIF, SVG, AVIF o BMP desde tu dispositivo.
La conversión se hace en tu navegador
Cada imagen se lee localmente y se codifica de forma automática, sin tener que subirla a ningún servidor.
Elige el formato de salida
Selecciona Base64 sin formato, Data URL, HTML, CSS, clase CSS completa, Markdown o JSON en las pestañas de salida.
Copia el resultado que necesitas
Pégalo en tu HTML, hoja de estilos, archivo Markdown, solicitud de API, payload JSON o archivo de pruebas.
Por qué usar este convertidor de imagen a Base64
Úsalo cuando necesitas una imagen en Base64 lista para pegar, sin montar el prefijo, escapar comillas en JSON ni probar a ciegas qué formato espera una API.
Copia Base64 puro o una Data URL completa
Muchas APIs y bases de datos solo necesitan la cadena codificada. En cambio, HTML, CSS y Markdown suelen requerir el prefijo data:image/...;base64. Aquí tienes ambas opciones listas para copiar.
Convierte tus archivos sin subirlos
La imagen se procesa en tu propio navegador. Es práctico para capturas privadas, recursos internos de una interfaz o archivos que no quieres enviar a un servicio externo.
Pega en JSON sin ajustar comillas
Usa la salida JSON para crear un cuerpo de solicitud de ejemplo, una respuesta simulada, un payload de webhook o un archivo de pruebas con la cadena de imagen ya escapada.
Genera fragmentos listos para usar
Copia una etiqueta img, un background-image de CSS, una clase CSS completa, una imagen Markdown, una cadena Base64 pura o un objeto JSON sin pasar por otra herramienta.
Procesa varios recursos pequeños a la vez
Arrastra iconos, insignias, placeholders o imágenes de prueba y copia únicamente la salida que necesitas de cada archivo.
Conserva los bytes originales de la imagen
Base64 codifica la imagen, no la comprime. La herramienta no redimensiona, no redibuja ni cambia la calidad, por lo que la salida representa el archivo original.
Casos de uso comunes de imagen a Base64
En español, muchas búsquedas no empiezan por la teoría de Base64, sino por tareas concretas: mostrar una imagen Base64 en HTML, insertarla en una página, convertirla con JavaScript, probarla en PHP, Angular o C#, enviarla en un formulario/API, o comprobar por qué el código Base64 no vuelve a verse como imagen.
Mostrar o insertar imagen Base64 en HTML
Copia la Data URL completa para pegarla en src y resolver búsquedas como mostrar imagen base64 html, insertar imagen base64 en html o ver imagen base64 sin depender de una ruta pública.
Probar código en JavaScript, Angular o React
Usa la cadena generada como valor de prueba para una vista previa, un input de archivo, un canvas o un componente frontend cuando buscas convertir imagen a Base64 JavaScript, Angular o React y necesitas un resultado inmediato para comparar.
Enviar avatar, firma o documento por API
Copia Base64 sin formato cuando el backend pide un campo de texto para avatar, firma, INE/DNI, comprobante o captura. Si el cuerpo va en JSON, usa la salida JSON para evitar errores de comillas, saltos de línea o prefijos innecesarios.
Comparar con PHP, Python, Java o C#
Genera un Base64 conocido para revisar si tu función en PHP, Python, Java o C# devuelve lo mismo, o para aislar si el problema está en la lectura del archivo, el tipo MIME, el padding o el envío al servidor.
Verificar si el Base64 vuelve a ser imagen
Cuando también buscas base64 a imagen, decodificar base64 a imagen o convertir base64 a PNG/JPG, usa esta salida para comprobar que la cadena está completa antes de pegarla en otro sistema.
Corregir prefijo, formato y tamaño
Si la imagen no carga, revisa si necesitas Base64 puro o data:image/...;base64, si el MIME coincide con JPG/PNG/WebP, si faltan caracteres al final o si el archivo es demasiado grande para pegarlo en HTML, CSS o JSON.
Preguntas frecuentes sobre imagen a Base64
Respuestas prácticas para elegir la salida correcta, proteger tus archivos, evitar cadenas demasiado grandes y solucionar imágenes Base64 que no se muestran.
¿Debo copiar Base64 sin formato o una Data URL?
Copia una Data URL cuando vayas a pegar la imagen en HTML, CSS, Markdown o una vista previa del navegador, porque incluye el prefijo completo, por ejemplo data:image/png;base64,.... Copia Base64 sin formato cuando una API, una base de datos o un backend pida solo la cadena codificada, sin el prefijo data:image/....
¿Qué formatos de imagen puedo convertir?
Puedes convertir imágenes PNG, JPG/JPEG, WebP, GIF, SVG, AVIF y BMP, además de otros archivos que el navegador reconozca como image/*. Si un archivo no tiene un tipo de imagen válido ni una extensión compatible, la herramienta lo rechazará para evitar generar una cadena incorrecta.
¿Se suben mis imágenes al convertirlas?
No. Este convertidor lee tus archivos localmente en el navegador con FileReader y genera la cadena Base64 en tu propio dispositivo. La conversión no necesita enviar las imágenes seleccionadas a un servidor.
¿Hay límite de tamaño o de cantidad de imágenes?
La herramienta no añade un límite artificial por archivo, pero las imágenes grandes producen cadenas muy largas y pueden hacer más lenta la pestaña, el copiado o el pegado en editores y campos JSON. Para fotos, banners o muchas imágenes a la vez, conviene comprimir o redimensionar primero y usar Base64 solo cuando realmente necesitas una salida de texto.
¿Convertir una imagen a Base64 reduce su tamaño?
No. Base64 es codificación, no compresión. Normalmente el texto resultante es alrededor de un tercio más grande que el archivo original. La conversión tampoco cambia la calidad, las dimensiones ni la transparencia: si necesitas reducir peso, comprime o redimensiona la imagen antes de convertirla.
¿Cuándo conviene usar Base64 y cuándo es mejor una URL normal?
Base64 encaja bien con iconos pequeños, placeholders, demos HTML de un solo archivo, ejemplos de documentación, pruebas de API y fixtures. Para fotos grandes, banners, recursos reutilizados en varias páginas o emails de producción, normalmente es mejor una URL de imagen normal, porque el archivo puede cachearse por separado y suele tener mejor compatibilidad.
¿Por qué no se muestra mi imagen en Base64?
Casi siempre ocurre por pegar Base64 sin formato donde hacía falta una Data URL completa. Comprueba que el valor empiece por data:image/...;base64,, que exista la coma antes de la cadena, que el tipo MIME coincida con la imagen, que no falten caracteres al final y que no hayas añadido espacios, saltos de línea o comillas sin escapar dentro de JSON.
¿Cómo uso la imagen Base64 en HTML, CSS o Markdown?
Usa la pestaña HTML img para pegar una etiqueta <img> completa, la pestaña CSS para background-image, la clase CSS si quieres un bloque con ancho, alto y fondo, y Markdown cuando necesites insertar la imagen en documentación. En estos casos suele convenir la Data URL, no el Base64 sin formato.
¿Cómo envío una imagen Base64 en JSON o en una API?
Depende de lo que pida la API. Si el campo se llama base64 o imageBase64, normalmente espera Base64 sin formato. Si pide una data URI o un valor que el navegador pueda mostrar directamente, usa la Data URL completa. La pestaña JSON genera un objeto con nombre, tipo, tamaño, dimensiones y dataUrl para crear ejemplos, mocks o pruebas sin pelearte con las comillas.
¿Base64 protege u oculta mi imagen?
No. Base64 no es cifrado ni una medida de privacidad; solo representa los bytes de la imagen como texto. Cualquier persona o sistema que tenga la cadena completa puede decodificarla y recuperar la imagen, así que no lo uses para proteger documentos sensibles, credenciales, capturas privadas o datos personales.
¿Necesitas otra imagen en Base64?
Vuelve al convertidor y codifica tu siguiente imagen en el formato exacto que necesitas, desde Base64 sin formato hasta fragmentos de código listos para pegar.