Imagen a Base64

Arrastra una imagen sobre el recuadro de arriba, haz clic para buscarla, pégala desde el portapapeles o cárgala desde una URL. La herramienta convierte al instante la imagen a una cadena Base64 y muestra una data URI lista para copiar como CSS, HTML o Markdown. Todo ocurre en tu navegador — la imagen nunca se sube a ningún servidor, lo que la hace segura para imágenes privadas o sensibles.

Cambia a la pestaña Base64 → Imagen y pega una data URI (data:image/png;base64,…) o una cadena Base64 pura. La herramienta la decodifica, previsualiza la imagen y te permite descargarla como archivo. Detecta automáticamente el formato, por lo que PNG, JPG, SVG, WebP y GIF funcionan todos. La decodificación completa ocurre localmente en tu navegador — no se realiza ninguna petición al servidor y tu cadena Base64 nunca se transmite a ningún lugar.

Usa la data URI Base64 como valor src de una etiqueta img: pega la cadena codificada en src="data:image/png;base64,…". Haz clic en "Copiar <img>" arriba para obtener una etiqueta de imagen completa lista para pegar sin necesidad de una petición de archivo separada — ideal para correos electrónicos, páginas de un solo archivo e iconos inline. Esto elimina un viaje de ida y vuelta HTTP adicional y funciona incluso cuando el archivo de imagen original no está disponible.

Referencia la data URI dentro de url() — por ejemplo background-image: url("data:image/png;base64,…"). Haz clic en "Copiar CSS" arriba para obtener la regla background-image completa. Incrustar inline fondos e iconos pequeños de esta manera elimina una petición HTTP y es habitual para iconos de sistemas de diseño, spinners de carga y elementos decorativos que raramente cambian. También hace que las demos HTML de un solo archivo sean completamente autónomas.

En el navegador, lee el archivo con la API FileReader: const reader = new FileReader(); reader.onload = () => console.log(reader.result); reader.readAsDataURL(file). reader.result es la URI completa data:image/...;base64. En React o Next.js, llama a esto dentro de un useEffect o un manejador onChange sobre un elemento input. Este conversor usa exactamente ese enfoque, completamente en el lado del cliente. Puedes usar la salida aquí para verificar tu propia implementación JavaScript rápidamente sin configurar un servidor local.

Abre el archivo en modo binario y codifícalo: import base64; data = base64.b64encode(open('imagen.png', 'rb').read()).decode(); uri = f'data:image/png;base64,{data}'. Con PIL/Pillow puedes guardar una imagen en un buffer BytesIO primero, y luego codificar en Base64 los bytes del buffer. Usa esta herramienta online para verificar que la salida de tu código Python coincide con lo esperado antes de incrustarlo en código de producción.

Una data URI incrusta los bytes de la imagen directamente en tu HTML, CSS, JSON o correo como texto, de modo que la imagen se carga junto con el documento en lugar de como una petición HTTP separada. Es ideal para iconos pequeños, logos en correos HTML, demos de un solo archivo y para almacenar imágenes pequeñas en bases de datos o archivos de configuración. Los desarrolladores también la usan para evitar restricciones CORS al cargar imágenes en operaciones canvas en la misma página. Los favicons se incrustan habitualmente como data URIs en el head del HTML para eliminar un viaje de red adicional en la primera carga.

Generalmente no. La codificación Base64 hace que los datos sean aproximadamente un 33% más grandes que el binario original, y las imágenes incrustadas no pueden almacenarse en caché por separado por el navegador ni cargarse de forma diferida con loading="lazy". Reserva Base64 para activos pequeños que cambian raramente, como favicons, logos pequeños o sprites de iconos de menos de ~10 KB. Para fotos grandes, imágenes destacadas o activos reutilizados en muchas páginas, mantenlos como archivos de imagen normales servidos con cabeceras HTTP de caché adecuadas.

Sí, completamente seguro. La codificación y decodificación se ejecutan completamente en tu navegador usando las APIs FileReader y Canvas — tus imágenes nunca abandonan tu dispositivo y nada se envía a un servidor. Esta es una ventaja clave de privacidad frente a herramientas como <strong>base64.guru</strong> y <strong>base64encoder.io</strong>, que suben tus imágenes a sus servidores para procesarlas. En UtiloKit, las imágenes privadas, confidenciales o inéditas permanecen en tu máquina durante toda la conversión. Incluso puedes desconectarte de internet después de cargar la página y seguirá funcionando.

Cualquier formato que tu navegador pueda leer funciona para la codificación, incluyendo PNG, JPEG/JPG, SVG, WebP, GIF, AVIF, BMP e ICO. La decodificación admite todos los tipos MIME estándar data:image/* y previsualiza el resultado antes de descargarlo. Los archivos SVG reciben un tratamiento especial — su Base64 también puede incrustarse directamente en CSS sin codificar usando url('data:image/svg+xml,…') con codificación URL, pero Base64 es más universal y funciona en todos los navegadores y clientes de correo.

Sí. Usa el botón "Copiar Markdown" para obtener , o "Copiar <img>" para correo HTML. Ten en cuenta que algunos clientes de correo (especialmente Outlook y la app móvil de Gmail) eliminan o bloquean las imágenes Base64, así que prueba antes de enviarlo a una audiencia amplia. Para campañas de newsletter, es más seguro alojar las imágenes en una CDN y enlazarlas. Para correos transaccionales a un solo destinatario, Base64 funciona de forma fiable en la mayoría de los clientes.

Base64.guru y base64encoder.io procesan tus imágenes en el lado del servidor — tus archivos se suben a su infraestructura. El conversor de imagen a Base64 de UtiloKit se ejecuta 100% en tu navegador: sin subida, sin servidor, sin datos almacenados en ningún lugar. UtiloKit también proporciona fragmentos listos para pegar en CSS, HTML y Markdown, admite conversión bidireccional (codificar y decodificar), y funciona sin conexión una vez que se carga la página. Además es completamente gratuito sin límites de tamaño de archivo ni número de conversiones.

Completamente gratuito, sin registro, sin marcas de agua y sin límites de tamaño de archivo ni número de imágenes. A diferencia de browserling.com, que limita las conversiones de imágenes gratuitas y requiere un plan de pago para archivos por encima de cierto tamaño, UtiloKit no tiene restricciones. Al ser del lado del cliente, no hay cargos por imagen ni por ancho de banda — convierte tantas imágenes como quieras, tan grandes como la memoria de tu navegador lo permita.

Sí. La herramienta es completamente responsive y funciona en todos los navegadores móviles, incluyendo Safari en iPhone y Chrome en Android. Puedes tocar para seleccionar imágenes desde tu galería o la app de Archivos, o pegar una URL para cargar una imagen remota. El resultado se copia en el portapapeles para que puedas pegarlo directamente en Notion, un editor de código u otra app. No necesitas descargar ninguna app — solo abre la página en tu navegador móvil y funciona exactamente igual que la versión de escritorio.