Convertidor de imágenes a Base64 en línea
Sube cualquier imagen y conviértela en una cadena Base64 o una URI de datos. Copia el código HTML, CSS o JSON, o descárgalo; todo directamente en tu navegador.
Cómo convertir una imagen a Base64
Abre la herramienta y selecciona Imagen a Base64. Arrastra una imagen, previsualízala y, a continuación, copia la cadena Base64 o el URI de datos con un solo clic.
Paso 1
Codificador abierto
Cambia a Imagen a Base64 y aparecerá el área de carga, lista para que introduzcas tu imagen.
Paso 2
Subir imagen
Arrastra y suelta un archivo PNG, JPEG, WebP, GIF, SVG, AVIF, HEIC, BMP o ICO para codificarlo.
Paso 3
Copiar o guardar
Previsualiza el resultado, copia la cadena Base64 o descárgala como un archivo .txt.
Convertidor gratuito en línea de imágenes a Base64 para codificar cualquier imagen en una cadena Base64.
Un convertidor de imagen a Base64 codifica una imagen en una cadena de texto para que pueda utilizarse en cualquier lugar donde se acepte texto. En lugar de alojar un archivo de imagen independiente, se convierten los bytes de la imagen a Base64 y se insertan directamente en HTML, CSS, JSON o un correo electrónico. El navegador renderiza esa cadena como si fuera una imagen normal. Para desarrolladores front-end, diseñadores de correo electrónico y cualquier persona que cree aplicaciones sin conexión o independientes, codificar una imagen a Base64 elimina las dependencias externas y mantiene los recursos organizados dentro del código que los utiliza. Esto permite que los recursos y el código permanezcan en el mismo lugar, facilitando su distribución.
Los casos de uso clásicos son recursos pequeños y esenciales. Un favicon, un logotipo, un indicador de carga o un icono de interfaz de usuario se pueden insertar como una URI de datos para que aparezcan sin solicitudes HTTP adicionales. Los clientes de correo electrónico suelen bloquear las imágenes externas, por lo que insertarlas como Base64 garantiza que se muestren sin que el destinatario haga clic en "mostrar imágenes". Las API JSON y REST pueden transportar vistas previas de imágenes como cadenas en lugar de cargas multipart, y los documentos sin conexión o las PWA pueden incluir imágenes directamente en el código. Base64 añade aproximadamente un 33 % de sobrecarga, por lo que es más adecuado para iconos y miniaturas que para fotos grandes, pero para esos recursos pequeños es ideal. Para boletines informativos y widgets integrados, la inserción también evita enlaces de imagen rotos.
Este conversor facilita la codificación. Simplemente suelte una imagen en la herramienta y esta leerá el formato real a partir de la firma de bytes del archivo, generando una cadena Base64 o una URI de datos completa que puede copiar o descargar como archivo de texto. Puede elegir una salida Base64 sin prefijo o una URI de datos correctamente etiquetada, y plegar cadenas largas a 64 o 76 caracteres para facilitar la lectura. El formato detectado y el tamaño del archivo se muestran junto al resultado. Todo se ejecuta en su navegador con JavaScript, por lo que su imagen nunca se sube a ningún servidor; se lee y codifica localmente, sin intervención de ningún servidor. También puede cargar un ejemplo y ver la cadena codificada aparecer al instante.
Ya sea que lo llames codificador de imágenes, generador de cadenas Base64 o creador de URI de datos, el objetivo es el mismo: convertir una imagen en texto. Este convertidor en línea gratuito combina compatibilidad con una amplia gama de formatos, opciones para copiar y descargar, y controles de ajuste de línea en una interfaz sencilla. Sube una imagen, obtén su cadena Base64 y pégala donde tu proyecto la necesite, todo en tu navegador, sin necesidad de subir ni instalar nada. Es la forma más simple de codificar cualquier imagen a Base64, lista para usar cuando necesites insertarla, transferirla o almacenarla como texto. No hay nada que instalar ni ninguna cuenta que crear.
Codificar cualquier imagen
Convierte imágenes PNG, JPEG, WebP, GIF, SVG, AVIF, HEIC, BMP o ICO en una cadena Base64.
URI de datos o datos sin procesar
Genera una URI de datos completa o una cadena Base64 simple, según lo que necesite tu código.
Formato detectado
La herramienta lee el formato real a partir de los bytes del archivo y lo muestra junto con el tamaño del archivo.
Copiar o descargar
Copia el código Base64 al portapapeles o guárdalo como un archivo .txt simple.
Control de envoltura de línea
Doble la salida larga a 64 o 76 caracteres, o manténgala como una línea continua.
Totalmente privado
Tu imagen se lee y se codifica en tu navegador; nunca se sube nada a la nube.
Preguntas frecuentes
Preguntas frecuentes
La codificación de imagen a Base64 convierte los datos binarios de una imagen en una cadena de texto de 64 caracteres imprimibles. Esto permite insertar imágenes directamente en HTML, CSS, JSON o correo electrónico sin necesidad de un archivo aparte.
Abre la herramienta, selecciona Imagen a Base64 e inserta tu imagen. La herramienta leerá su formato y mostrará una cadena Base64 o una URI de datos que podrás copiar o descargar.
Un URI de datos encapsula una cadena Base64 con su tipo MIME, como data:image/png;base64,. Úselo para insertar imágenes directamente en HTML o CSS, de modo que se muestren sin necesidad de una solicitud adicional.
Codifica archivos PNG, JPEG, GIF, WebP, AVIF, HEIC, SVG, BMP e ICO, leyendo el formato real a partir de la firma de bytes. Los archivos no reconocidos también se exportan como una cadena binaria genérica.
No. La codificación solo traduce los bytes de la imagen a texto, por lo que la imagen permanece idéntica a la original. La calidad no se ve afectada, ya que no se produce ninguna recompresión durante el paso de conversión a Base64.
Sí. Seleccione la opción Base64 sin formato para omitir el prefijo de datos o elija un formato específico. El resultado es una cadena simple que puede pegar donde su código la requiera.
No. La codificación se realiza completamente en tu navegador con JavaScript, por lo que la imagen nunca sale de tu dispositivo. No se sube nada a la plataforma, ni se almacena de forma remota, ni se comparte con nadie en ningún momento del proceso.
Base64 convierte cada tres bytes en cuatro caracteres, lo que añade una sobrecarga de aproximadamente el 33 %. Es ideal para elementos pequeños como iconos, mientras que las imágenes principales de gran tamaño se conservan mejor como archivos separados.
Sí. Copia la URI de los datos y pégala en el atributo `img src` o en la URL de la propiedad `background-image` de CSS. El navegador la renderizará como una imagen normal sin necesidad de un archivo aparte.
Sí. Es totalmente gratis, sin marcas de agua, sin registro y sin límites diarios de ningún tipo. Codifica tantas imágenes como quieras, cuando quieras, directamente en tu navegador.