Imagen a Base64

Convierte imágenes PNG, JPG, GIF, WebP y SVG a Base64 Data URI sin modificar sus bytes. Copia el resultado para HTML o CSS, o descarga el texto codificado.

Codificar
Entrada0 caracteres
Resultado

El resultado aparecerá aquí.

Cómo convertir una imagen a Base64

  1. Selecciona una imagen o arrástrala al área de entrada.
  2. Para HTML y CSS, desactiva los saltos de línea y conserva el relleno de Base64 estándar.
  3. Codifica la imagen y copia la Data URI completa o descarga el resultado como texto.

Claves para usar Imagen a Base64

La Data URI contiene el tipo de medio y los bytes codificados. No se cambia el tamaño ni se recomprime la imagen. Base64 aumenta el tamaño aproximadamente un tercio; para imágenes web grandes suele convenir un archivo normal.

Un GIF de un píxel convertido en Base64 Data URI

Entrada
pixel.gif (1 × 1 px, 42 B)
Resultado
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Preguntas sobre Imagen a Base64

¿Cómo uso el resultado en HTML o CSS?

Pega el valor completo data:image/…;base64,… en el atributo img src de HTML o en url("…") de CSS. El prefijo identifica el formato, pero no forma parte del contenido Base64. La herramienta genera la URI, no una etiqueta HTML ni una regla CSS.

¿Se conservan la transparencia, la animación y la calidad?

Sí. Se codifican los bytes del archivo original, sin cambiar dimensiones ni volver a comprimirlo. La transparencia de PNG, la animación de GIF y el marcado SVG se conservan en los datos. Su visualización depende de la aplicación que los abra.

¿Qué formatos y tamaños admite?

Reconoce PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF y los documentos SVG identificables por su contenido. El límite es de 32 MiB por archivo, uno cada vez. Para otros formatos, usa Archivo a Base64; poder codificarlos no garantiza que el navegador los muestre.

¿Base64 ocupa menos? ¿Sirve para correos electrónicos?

No. El contenido codificado ocupa aproximadamente un tercio más, además del prefijo. Puede ser útil para iconos pequeños; las imágenes grandes suelen funcionar mejor como archivos separados. Algunos clientes de correo o políticas de seguridad bloquean las imágenes data:. Comprueba el resultado donde vayas a usarlo.

¿Se suben mis archivos, tokens o textos?

No. Los datos se procesan en tu navegador. El sitio proporciona la página y el programa, pero no envía tus datos a un servidor de conversión ni los guarda en una cuenta.

Todas las herramientas para desarrolladores

Codificación y archivos

Convierte entre texto, bytes, URL e imágenes incrustadas sin alterar los datos originales.

Revisión de datos y textos

Lee datos estructurados y tokens, y comprueba exactamente qué ha cambiado.

Hashes, identificadores y horarios

Verifica archivos, genera identificadores y consulta fechas y ejecuciones periódicas.

Los datos y archivos se procesan en tu dispositivo. No dejes resultados confidenciales en un portapapeles compartido y utiliza un dispositivo de confianza para claves privadas y tokens.