Imagen a Base64

Convierte una imagen en una cadena Base64 (data URI) que puedes incrustar directamente en HTML, CSS o JSON, sin archivos externos.

Haz clic aquí o suelta tu imagen

PNG, JPG, WebP, GIF o SVG: la conversión ocurre por completo en tu dispositivo

—Archivo original

—Cadena Base64

—Aumento de tamaño

Data URI completo

Fragmento HTML — <img>

Fragmento CSS — background

⚠️ La codificación Base64 aumenta el tamaño del archivo alrededor de un 33%: solo compensa con imágenes pequeñas (iconos, logotipos, fondos ligeros). Para fotos grandes es mejor un archivo aparte.

🔒 Tu imagen nunca sale de tu navegador: no se sube nada a ningún servidor.

Qué es un data URI y cuándo usarlo

Un data URI incrusta el contenido de la imagen directamente en tu código, con la forma data:image/png;base64,…. La ventaja es una petición HTTP menos: la imagen llega junto con la página, algo perfecto para iconos, logotipos pequeños, favicons y correos en HTML, donde los archivos externos suelen estar bloqueados. El inconveniente es que el contenido incrustado no se guarda en la caché por separado y pesa alrededor de un tercio más que el archivo original.

Por qué Base64 pesa un 33% más

Base64 representa los datos binarios usando solo 64 caracteres de texto plano: cada 3 bytes de la imagen se convierten en 4 caracteres, de ahí ese 33% de más aproximado. Por eso la regla práctica es incrustar solo archivos de menos de 5–10 KB; a partir de ahí, el peso extra anula el ahorro de la petición HTTP evitada. Esta herramienta te muestra el tamaño final exacto, para que puedas decidir con números reales delante.