Conversor de Imagen a Base64
El conversor de imagen a Base64 transforma una imagen en una cadena de texto codificada en Base64 que puedes pegar directamente en tu código. Carga un archivo JPEG, PNG, WebP, GIF, SVG, BMP o ICO y obtén un data URI en línea listo para HTML, CSS, correo o JSON — sin necesidad de un archivo de imagen aparte.
Funciona en ambos sentidos. Codifica una imagen a Base64 en el formato de salida que elijas, o cambia a la pestaña Base64 a imagen para pegar una cadena Base64 y descargarla de vuelta como un archivo de imagen real.
Cómo convertir una imagen a Base64
Agrega tu imagen
En la pestaña Imagen a Base64, arrastra y suelta una imagen sobre el área de carga o haz clic en ella para elegir un archivo. Aparece una vista previa con el Nombre, el Tipo, el Tamaño y las Dimensiones del archivo.
Elige un formato de salida
Cambia entre Data URI, Base64 puro, fondo CSS y HTML <img>. La salida y su comparación de tamaño se actualizan al instante.
Copia o descarga
Haz clic en Copiar para enviar la cadena al portapapeles, o en Descargar .txt para guardarla como archivo de texto. Usa Cambiar imagen para empezar de nuevo con otro archivo.
Decodifica de vuelta a imagen
Abre Base64 a imagen, pega una cadena Base64 (con o sin el prefijo data:image/...) y la vista previa aparece automáticamente. Haz clic en Descargar imagen para guardarla.
Funciones
Codificación arrastrando y soltando
Suelta una imagen sobre el área de carga o haz clic para buscarla, y se convierte a Base64 en cuanto se carga.
Varios formatos de salida
Obtén un data URI, Base64 puro, una regla CSS background-image o una etiqueta HTML <img> completa con un solo clic.
Decodificación de Base64 a imagen
Pega una cadena Base64 para ver la imagen en vista previa y descargarla de vuelta como un archivo real en su formato original.
Detección automática del data URI
Al decodificar se admite un data URI completo o solo el Base64 puro — el prefijo se detecta automáticamente, sin tener que limpiar nada.
Datos del archivo de un vistazo
Consulta el nombre de la imagen, el tipo MIME, el tamaño del archivo y las dimensiones en píxeles junto a la vista previa en vivo.
Comparación de tamaño
Compara el tamaño del archivo original con el de la salida codificada, para que sepas si conviene incrustar en Base64.
Amplia compatibilidad de formatos
Funciona con imágenes JPEG, PNG, WebP, GIF, SVG, BMP e ICO en una sola herramienta.
Copiar o descargar
Copia el resultado al portapapeles o guárdalo como archivo .txt, y carga una cadena de ejemplo para probar la decodificación.
Preguntas frecuentes
¿Cómo convierto una imagen a Base64?
En la pestaña Imagen a Base64, arrastra y suelta tu imagen o haz clic para seleccionar un archivo. Se codifica al instante — luego elige la salida Data URI, Base64 puro, CSS o HTML y haz clic en Copiar o Descargar .txt.
¿Cómo uso una imagen Base64 en HTML?
Elige la salida Data URI y ponla en el origen de una etiqueta de imagen, como <img src="data:image/png;base64,iVBOR...">. O elige el formato HTML <img> para copiar una etiqueta completa lista para pegar.
¿Cómo uso una imagen Base64 en CSS?
Selecciona el formato de salida CSS. Genera una regla background-image: url(data:image/...); que incrusta la imagen directamente en tu hoja de estilo — práctico para íconos pequeños y patrones de interfaz.
¿Una imagen en Base64 pesa más que la original?
Sí. La codificación Base64 añade alrededor de un 33% al tamaño de los datos, así que una imagen de 100 KB pasa a unos 133 KB. La comparación de tamaño muestra el cambio exacto. Incrustar conviene para imágenes pequeñas como íconos y logotipos; las fotos grandes mejor sírvelas como archivos separados con caché.
¿Qué es un Data URI?
Un Data URI incrusta datos en línea con la forma data:[media-type];base64,[data]. Para imágenes se ve como data:image/png;base64,iVBOR... y puede colocarse directamente en un atributo src de HTML o en un valor url() de CSS.
¿Cómo decodifico Base64 de vuelta a una imagen?
Abre la pestaña Base64 a imagen y pega tu cadena — funciona tanto un data URI completo como solo el Base64 puro, ya que el prefijo se detecta automáticamente. La vista previa aparece con su tipo, dimensiones y tamaño, y Descargar imagen la guarda como archivo.
¿Mi imagen permanece en mi dispositivo?
Sí. Toda la codificación y decodificación se ejecuta en tu navegador con JavaScript. Tus imágenes y cadenas Base64 nunca se suben a un servidor, así que tus datos quedan privados en tu propio dispositivo.
Aún no hay comentarios. ¡Sé el primero en comentar!