Hola a todos, aquí Sarah de Toronto. Cuando comencé a aprender React y desarrollo web, seguía encontrándome con estas cadenas masivas de caracteres aleatorios que comenzaban con `data:image/png;base64,`.
No tenía idea de qué eran hasta que un desarrollador senior me lo explicó. Ahora te lo voy a explicar.
¿Qué es Base64?
Las computadoras se comunican mediante binario (0 y 1). Sin embargo, muchos protocolos más antiguos (como el correo electrónico y los protocolos de texto HTTP básicos) se diseñaron para manejar únicamente caracteres de texto ASCII seguros (como A-Z y 0-9).Si intenta enviar un archivo de imagen sin formato (que es binario) a través de un sistema de solo texto, se rompe.
Base64 es simplemente un método de traducción. Toma datos binarios sin procesar y los traduce a 64 caracteres ASCII seguros e imprimibles.
¿Cuándo deberías usarlo?
1. Incrustar íconos pequeños: En lugar de hacer que el navegador descargue una pequeña imagen de 2 KB, puede convertir esa imagen a Base64 y pegarla directamente en su CSS o HTML. 2. Autenticación API: Los encabezados de autenticación básica requieren que codifique en Base64 su cadena `nombre de usuario:contraseña`.Siempre que necesito codificar rápidamente una imagen o decodificar una cadena segura, simplemente uso el Codificador/Decodificador Base64 en FreeClientToolbox. Es rápido, no requiere backend y realiza el trabajo al instante.