Imagen a Base64
Convierte una imagen en una cadena Base64 (data URI) que puedes incrustar directamente en HTML, CSS o JSON, sin archivos externos.
PNG, JPG, WebP, GIF o SVG: la conversión ocurre por completo en tu dispositivo
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.