Olá pessoal, Sarah de Toronto aqui. Quando comecei a aprender React e desenvolvimento web, continuei encontrando essas enormes sequências de caracteres aleatórios que começavam com `data:image/png;base64,`.
Eu não tinha ideia do que eram até que um desenvolvedor sênior me explicou. Agora vou explicar para você.
O que é Base64?
Os computadores se comunicam usando binários (0s e 1s). No entanto, muitos protocolos mais antigos (como e-mail e protocolos básicos de texto HTTP) foram projetados para lidar apenas com caracteres de texto ASCII seguros (como A-Z e 0-9).Se você tentar enviar um arquivo de imagem bruto (que é binário) por meio de um sistema somente texto, ele será interrompido.
Base64 é simplesmente um método de tradução. Ele pega dados binários brutos e os traduz em 64 caracteres ASCII seguros e imprimíveis.
Quando você deve usá-lo?
1. Incorporando pequenos ícones: Em vez de fazer o navegador baixar uma pequena imagem de 2 KB, você pode converter essa imagem para Base64 e colá-la diretamente em seu CSS ou HTML. 2. Autenticação de API: Os cabeçalhos de autenticação básica exigem que você codifique em Base64 sua string `username:password`.Sempre que preciso codificar rapidamente uma imagem ou decodificar uma string segura, apenas uso o Codificador/Decodificador Base64 no FreeClientToolbox. É rápido, não requer back-end e realiza o trabalho instantaneamente.