Imagen a Base64 - Codificador Data URL Gratis

Sube tu imagen y la herramienta la codifica como una cadena base64 data URI que puedes copiar directamente en tu código.

Sí, gratis para siempre y sin registro.

Para incrustar imágenes pequeñas directamente en HTML, CSS o JSON sin archivos de imagen separados.

Sí. Pega la data URI completa en el atributo src de una etiqueta img y se muestra como una imagen normal.

No. La codificación ocurre en tu navegador, así que tus imágenes nunca salen de tu dispositivo.

Pega la data URL completa como fondo en una regla CSS o en el atributo src de una etiqueta img. El navegador decodifica el texto Base64 y muestra la imagen sin ningún archivo separado. Es ideal para iconos pequeños, logos e imágenes de firma que deben viajar dentro de un solo archivo.

Base64 incrusta la imagen como texto, así que tu página o plantilla se convierte en un único archivo autónomo. Se usa mucho en recursos de correo HTML, documentos incrustados y cargas JSON donde adjuntar archivos resulta incómodo. Recuerda que cada destinatario recibe la imagen incrustada un tercio más pesada que el archivo original.

La codificación Base64 añade alrededor de un 33 por ciento de peso extra, así que una imagen grande produce una cadena larguísima. El formato está pensado para recursos diminutos, no para fotos en alta resolución. Comprime o redimensiona las imágenes grandes antes de codificar, o mantén las fotos grandes como archivos enlazados normales.

Normalmente la cadena se cortó al copiarla o se perdió el prefijo de la data URL al pegarla. Copia la salida completa, desde el esquema de datos y el formato de imagen, y pégala sin saltos de línea. Comprueba también que el prefijo coincide con tu formato: PNG, JPG, WebP y GIF usan el suyo propio.

Se admiten JPG, PNG, WebP y GIF, y puedes copiar el resultado codificado o descargarlo como archivo de texto. La codificación ocurre en tu navegador, así que ni siquiera las capturas con contenido sensible salen de tu dispositivo. Se aceptan archivos de hasta 100 MB, aunque los recursos pequeños dan los resultados más prácticos.