Imagen a Base64

Elige o suelta una imagen y obtén su Base64 como texto plano, Data URI, CSS, HTML o JSON. Todo ocurre en tu navegador.

Archivo de imagen

No se guarda ni se envía nada a ningún servidor.

La herramienta Imagen a Base64 convierte un archivo de imagen en una cadena de texto que puedes incrustar directamente en tu código. Elige un archivo o arrástralo a la zona de carga y verás su vista previa junto con el nombre, el tipo, las dimensiones y el tamaño. El resultado se ofrece en cinco formatos: texto plano, Data URI, regla CSS con background-image, etiqueta img de HTML y objeto JSON. Cambiar de formato es instantáneo y no vuelve a leer el archivo. Acepta PNG, JPEG, GIF, WebP, BMP, ICO, AVIF y SVG de hasta 10 MB. Todo ocurre en tu navegador y la imagen nunca se sube a un servidor.

Cómo se usa

  1. Elige una imagen con el selector o arrástrala a la zona de carga.
  2. Comprueba la vista previa y los datos del archivo.
  3. Selecciona el formato de salida: texto plano, Data URI, CSS, HTML o JSON.
  4. Pulsa Copiar para llevarte el resultado al portapapeles.

Preguntas frecuentes

¿Qué formatos de imagen admite?
PNG, JPEG, GIF, WebP, BMP, ICO, AVIF y SVG, con un máximo de 10 MB por archivo. El tipo se detecta por el contenido, no por la extensión del nombre.
¿Se sube mi imagen a algún servidor?
No. La conversión se hace en tu navegador con las APIs del propio navegador, y nada se guarda ni se envía.
¿Cuándo conviene incrustar una imagen en Base64?
Con imágenes pequeñas, como iconos, evita una petición extra. El Base64 ocupa un tercio más que el archivo original, así que no compensa con imágenes grandes.
¿Cómo compruebo el resultado?
Pega el Data URI en el visor de imágenes Base64 y verás la misma imagen que elegiste.

Herramientas relacionadas