Como usar
- Escolha a origem: Texto ou Arquivo / Imagem.
- No modo Texto, selecione Codificar ou Decodificar e digite o conteúdo; o resultado aparece em tempo real.
- Marque Base64URL para gerar a variante segura para URLs, sem padding.
- Use Inverter para mandar o resultado de volta à entrada e fazer a operação oposta.
- No modo Arquivo, selecione um arquivo para obter a Data URL e o Base64 puro, com pré-visualização de imagens.
Casos de uso
- Embutir ícones e imagens pequenas diretamente em CSS ou HTML via data:image/...;base64.
- Montar cabeçalhos HTTP Basic Auth (usuario:senha em Base64).
- Inspecionar segmentos de JWT, que usam Base64URL.
- Transportar binários em campos JSON ou variáveis de ambiente que só aceitam texto.
Conceitos técnicos
Como o Base64 funciona
Base64 agrupa os bytes de entrada em blocos de 3 (24 bits) e os divide em 4 grupos de 6 bits, cada um mapeado para um dos 64 caracteres A–Z, a–z, 0–9, + e /. Quando a entrada não é múltipla de 3, o sinal = completa o último bloco. O resultado é cerca de 33% maior que o original.
Base64URL
Definida na RFC 4648 seção 5, troca + por - e / por _ e normalmente omite o padding, permitindo uso em URLs, nomes de arquivo e tokens JWT sem escape adicional. O decodificador desta página aceita as duas variantes automaticamente.
UTF-8 e a função btoa
A função btoa do navegador só aceita caracteres Latin-1. Para acentos e emojis, o texto é primeiro convertido em bytes UTF-8 com TextEncoder e depois codificado; na decodificação, os bytes são validados como UTF-8 estrito.
Perguntas frequentes
Base64 é criptografia?
Não. Base64 é apenas uma codificação reversível, sem chave. Qualquer pessoa pode decodificar; nunca use para proteger senhas ou dados sensíveis.
Por que aparece erro de UTF-8 ao decodificar?
O conteúdo decodificado é binário (imagem, PDF, arquivo compactado) e não texto. Os bytes estão corretos, mas não podem ser exibidos como texto.
Quando vale a pena usar Data URL para imagens?
Para arquivos muito pequenos, como ícones de poucos KB, evitando uma requisição extra. Para imagens maiores, o aumento de 33% e a perda de cache tornam um arquivo separado mais eficiente.