Imagen a Base64

Convierta cualquier imagen a un URI de datos codificado en Base64 para incrustarla en HTML o CSS.

Subir imagen

Haga clic o arrastre un archivo de imagen aquí para cargarlo.

1 imagen · Máximo 2MB
Salida
0 caracteres

Imagen a Base64

Esta herramienta convierte un archivo de imagen en una cadena URI de datos codificada en Base64. Puede incrustar esta cadena directamente en HTML o CSS, eliminando la necesidad de solicitar un archivo de imagen por separado.

La codificación Base64 aumenta el tamaño de los datos en aproximadamente un 33 %, por lo que se utiliza mejor para imágenes pequeñas como iconos y logotipos en lugar de fotografías grandes.

Los archivos se leen localmente en el navegador. La imagen no se carga a un servidor y la herramienta limita la entrada a una imagen de hasta 2 MB para un rendimiento estable.

como usar

  1. Arrastre y suelte un archivo de imagen en el área de carga o haga clic para seleccionar.
  2. El URI de datos codificados en Base64 aparece en el editor de texto a continuación.
  3. Utilice Copiar para copiar el resultado o Guardar para descargarlo como un archivo de texto.

Incrustar imágenes en HTML

Puede utilizar URI de datos Base64 directamente en etiquetas img HTML: <img src="data:image/png;base64,...">

En CSS, puede utilizar URI de datos para imágenes de fondo: background: url('data:image/png;base64,...')

Convertir con Python

Convierta una imagen a Base64 usando Python:

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()