Saltar al contenido
UUTOOLS.NET

Convertir imagen a Base64 (y Base64 a imagen)

Convierte una imagen en un data URI Base64 para HTML o CSS, o un texto Base64 de nuevo en imagen.

o arrástralas aquí, o pégalas con Ctrl+V / ⌘V

Formatos admitidos: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

¿Convertir en nuestro servidor?

Si continúas, el archivo se sube mediante una conexión cifrada y se convierte en nuestro servidor. Mientras tanto puedes seguir usando el sitio. El original se elimina en cuanto se convierte; el resultado se conserva 7 días para que puedas descargarlo y puedes eliminarlo cuando quieras. Los archivos nunca se comparten ni se usan para nada más.

Tus imágenes se procesan en tu navegador y no se suben. Detalles de privacidad

Cómo usar: Imagen a Base64

  1. 1 Para codificar, elige o arrastra una imagen; el texto Base64 aparece al instante.
  2. 2 Elige cómo copiarlo: data URI, solo Base64, etiqueta HTML img, CSS, Markdown o JSON.
  3. 3 Cópialo al portapapeles o descárgalo como archivo de texto.
  4. 4 Para decodificar, cambia a «Base64 → Imagen», pega el texto y descarga la imagen.

Acerca de esta herramienta

Base64 convierte un archivo en texto, de modo que una imagen puede escribirse directamente en HTML, CSS, JSON o una plantilla de correo en lugar de cargarse como archivo aparte. Los desarrolladores lo usan para iconos pequeños, marcadores de posición y logotipos que deben estar siempre disponibles.

El codificador lee tu archivo tal cual, sin volver a comprimirlo, y te da fragmentos listos para pegar. El decodificador acepta Base64 simple o un data URI completo (también Base64 seguro para URL), detecta el formato real de la imagen a partir de los bytes y te deja descargar el archivo.

El texto Base64 ocupa aproximadamente un tercio más que el archivo original, así que es mejor para imágenes pequeñas. Todo ocurre en tu navegador; no se sube nada.

Preguntas frecuentes

¿Cuándo conviene usar imágenes en Base64?

Para imágenes pequeñas (iconos, logotipos, marcadores de unos pocos kilobytes) que deben cargarse con la página o vivir dentro de un único archivo, como una plantilla de correo o un JSON. Las fotos grandes funcionan mejor como archivos normales, que el navegador puede guardar en caché y cargar en paralelo.

¿Por qué el texto Base64 ocupa más que la imagen?

Base64 usa 4 caracteres por cada 3 bytes, así que ocupa un 33 % más. Comprime o reduce la imagen antes si el tamaño importa.

¿Qué es un data URI?

Es un texto Base64 con un prefijo como «data:image/png;base64,». Los navegadores lo aceptan en cualquier sitio donde se espera la URL de una imagen, por ejemplo en una etiqueta img o en un background-image de CSS.

¿Qué formato tendrá la imagen decodificada?

El formato que contienen realmente los datos (JPG, PNG, WebP, GIF, SVG…). La herramienta lo detecta a partir de los bytes decodificados, no del prefijo que pegaste.

¿Se sube mi imagen?

No. La codificación y la decodificación se hacen en tu propio navegador.

Herramientas relacionadas