Convertidor de imagen a Base64 online gratis
Convierte imágenes a una cadena Base64 o data URI online. Cópiala directamente para HTML, CSS, JSON o peticiones de API, con codificación 100% privada en tu dispositivo.
100% privado. No se sube nada.
Cómo convertir una imagen a Base64 en 3 pasos
Sube tu imagen
Arrastra un archivo JPG, PNG, WebP, GIF o SVG al cuadro, o haz clic para elegir uno. El archivo se lee en tu dispositivo.
Copia el resultado
Obtienes la URL de datos completa (data:image/…;base64,…) y solo la cadena Base64, además del tamaño del archivo y el tamaño en Base64. Haz clic en Copiar junto a la que necesites.
Pégalo en tu código
Usa la URL de datos en un src de img HTML o en un url() de CSS. Usa la cadena Base64 pura para cuerpos JSON y llamadas a API.
Funciones principales
Copia con un clic
URI de datos y Base64 puro
- Archivos en tu dispositivo
- JPG, PNG, WebP, GIF, SVG
- Gratis, sin cuenta
Cuándo usar imágenes codificadas en Base64
CSS y estilos
- Incrustar íconos pequeños en CSS como URIs de datos background-image
- Incluir en línea un spinner de carga o una imagen de marcador en una hoja de estilos
- Enviar los íconos de interfaz de una librería de componentes dentro de su CSS
- Agregar un patrón o textura SVG sin un archivo aparte
HTML y documentos
- Insertar una imagen en línea en el src de un img HTML como URI de datos
- Crear páginas HTML de un solo archivo que funcionen sin archivos adicionales
- Añadir logos o gráficos a informes HTML que compartes como un solo archivo
- Mostrar imágenes de prueba en demos y prototipos sin alojarlas
API y código
- Enviar imágenes en payloads JSON que esperan texto Base64
- Adjuntar imágenes a solicitudes de APIs de visión por IA que aceptan entrada Base64
- Guardar imágenes pequeñas en campos de texto de una base de datos o archivo de configuración
- Cargar una imagen de prueba en JavaScript sin una solicitud de archivo aparte
¿Qué es la codificación Base64 de imágenes?
La codificación Base64 de imágenes convierte los bytes de un archivo de imagen en texto plano formado por 64 caracteres: A–Z, a–z, 0–9, + y /. Ese texto puede incrustarse en HTML, CSS o JSON, donde un archivo no puede ir directamente. No es compresión ni un cambio de formato. La imagen queda exactamente igual, pero el texto resultante es alrededor de un tercio más grande que el archivo.
Imagen a Base64 para HTML, CSS y APIs
El convertidor te da dos cadenas: la URL de datos completa y solo la cadena Base64. Aquí va cada una, y cuándo vale la pena incrustar una imagen.
¿Cómo uso una imagen Base64 en HTML o CSS?
Copia la URL de datos completa para HTML y CSS. Copia solo la cadena Base64 para JSON y la mayoría de las APIs.
- HTML: pega la URL de datos completa como el src de una etiqueta img, por ejemplo src="data:image/png;base64,iVBOR…".
- CSS: envuelve la URL de datos completa en url(), por ejemplo background-image: url("data:image/png;base64,iVBOR…").
- JSON y APIs: envía solo la cadena Base64. Si la API pide el tipo, colócalo en su propio campo, como image/png.
¿Cuándo deberías usar imágenes Base64?
Usa Base64 para imágenes pequeñas que deben viajar dentro de un archivo de texto. Evítalo para fotos e imágenes grandes.
- Buen uso: íconos, logos y marcadores de posición de pocos KB, donde evitar una solicitud de archivo adicional importa.
- Buen uso: páginas HTML de un solo archivo, informes y demos que deben funcionar sin archivos adicionales.
- Buen uso: APIs y payloads JSON que solo aceptan texto.
- Mal uso: fotos e imágenes grandes. Inflan el HTML o CSS, y el navegador no puede almacenarlas en caché por separado de la página.
¿Cuánto más grande hace Base64 una imagen?
Base64 convierte cada 3 bytes en 4 caracteres, por lo que el texto resulta alrededor de un 33% más grande que el archivo. Una imagen de 30 KB se convierte en unos 40 KB de Base64. Después de convertir, la herramienta muestra ambos tamaños lado a lado. Para mantener la cadena corta, reduce primero el archivo con el compresor de imágenes.
¿Funcionan las imágenes Base64 en el correo electrónico?
No de forma confiable. Según muchos reportes, Gmail elimina las imágenes Base64 del cuerpo del mensaje, y el soporte varía entre otras aplicaciones de correo. Para correo electrónico, enlaza a una imagen alojada o adjúntala como imagen en línea (CID).
Herramientas de desarrollo relacionadas
Herramientas para preparar una imagen antes de codificarla.
Base64 a imagen
Convierte una cadena Base64 o URI de datos de nuevo en una imagen que puedes previsualizar y descargar.
Convertidor de imágenes
Cambia el formato de la imagen antes de codificarla.
Visor de metadatos de imágenes
Consulta los metadatos EXIF y otros datos almacenados en un archivo de imagen.
Compresor de imágenes
Reduce primero el archivo de imagen, para que la cadena Base64 sea más corta.
Preguntas frecuentes sobre imagen a Base64
Preguntas comunes sobre convertir imágenes a Base64 y URIs de datos
¿Puedo convertir Base64 de nuevo a imagen?
Sí. Pega la cadena en el convertidor de Base64 a imagen para previsualizarla y descargarla como archivo. Acepta una URI de datos completa o una cadena Base64 pura.
¿Cuál es la diferencia entre una URI de datos y una cadena Base64?
Una URI de datos (también llamada data URL) es la cadena Base64 con un prefijo que indica el tipo de archivo, como data:image/png;base64, seguido de la cadena. Una cadena Base64 pura no tiene prefijo. Usa la URI de datos en HTML y CSS. Usa la cadena pura para APIs que reciben el tipo en un campo aparte. La herramienta las muestra como URL de datos completa y Solo cadena Base64, cada una con su propio botón Copiar.
¿Hay un límite de tamaño para imágenes Base64?
El convertidor no tiene límite de tamaño propio. Las imágenes grandes igual generan cadenas muy largas, que ralentizan los editores de código y las páginas que las cargan. Mantén las imágenes en línea en pocos KB y enlaza los archivos más grandes en su lugar.
¿Puedo convertir SVG a Base64?
Sí. Arrastra un archivo SVG y obtendrás una URI de datos que empieza con data:image/svg+xml;base64. Funciona en una etiqueta img y en un url() de CSS. Para CSS, un SVG codificado en URL suele ser más corto que Base64, porque el SVG ya es texto.
¿Puedo copiar o descargar la cadena Base64?
Puedes copiarla. La URL de datos completa y Solo cadena Base64 tienen cada una un botón Copiar. No hay botón de descarga, así que para guardar el resultado, pégalo en un archivo de texto. Haz clic en Mostrar cadena completa para ver toda la URL de datos en la página.
¿Qué formatos de imagen puedo convertir a Base64?
Cualquier archivo que tu navegador reconozca como imagen, incluidos JPG, PNG, WebP, GIF, SVG, AVIF, BMP e ICO. El codificador mantiene el archivo exactamente igual: no lo redimensiona, recomprime ni cambia su formato. Si no pasa nada al soltar un archivo, tu navegador no lo reconoció como imagen.