0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Configuración
Convertí imágenes a Base64 para incrustarlas en HTML, CSS o JSON, o decodificá una cadena Base64 de vuelta a imagen. Soporta PNG, JPEG, GIF, WebP, SVG y BMP.
Operación

Arrastrá una imagen o hacé clic para seleccionar

PNG, JPEG, GIF, WebP, SVG, BMP

Cómo funciona

Convierte una imagen en una cadena Base64 con forma de Data URI (data:image/…;base64,…), que podés incrustar directamente en HTML o CSS sin un archivo aparte ni una petición HTTP adicional.

El resultado ocupa alrededor de un 33% más que el archivo original, por eso conviene reservarlo para imágenes chicas: íconos, logos, patrones o placeholders.

En modo decodificación acepta una cadena Base64 o un Data URI completo, detecta el tipo de imagen por sus primeros bytes y muestra una vista previa descargable.

Ejemplos

logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…El prefijo data:image/png;base64, indica el tipo. Todo PNG codificado empieza con iVBORw0KGgo, que corresponde a su firma de archivo.
background-image: url("data:image/png;base64,iVBORw0KGgo…");El Data URI puede usarse tal cual dentro de una regla CSS para incrustar la imagen sin un archivo externo.

Casos de uso

  • Incrustar íconos o logos pequeños en CSS/HTML mediante data URIs, evitando peticiones extra.
  • Guardar una imagen dentro de un JSON, un archivo de configuración o una base de datos.
  • Enviar imágenes por APIs o correos (MIME) que solo aceptan texto.
  • Recuperar y previsualizar una imagen a partir de una cadena Base64 o un Data URI.

Preguntas frecuentes

¿Conviene convertir todas las imágenes a Base64?

No. Aumenta el tamaño alrededor de un 33% y el navegador no puede cachear la imagen por separado. Es ideal para imágenes chicas, pero para las grandes casi siempre conviene un archivo aparte.

¿Qué formatos de imagen soporta?

Cualquiera al codificar (PNG, JPEG, GIF, WebP, BMP, SVG). Al decodificar detecta automáticamente el tipo a partir de los primeros bytes del archivo.

¿Por qué mi Data URI es tan largo?

Porque Base64 representa cada 3 bytes con 4 caracteres, así que el texto crece cerca de un 33% respecto del binario original. Es normal, sobre todo en imágenes.

¿Se sube mi imagen a un servidor?

No. La imagen se lee y se codifica íntegramente en tu navegador; nunca sale de tu equipo.

Ver también