O que é Base64? Guia Completo com Exemplos e Como Usar

Base64 é um método de codificação de dados binários em texto utilizando um conjunto de 64 caracteres. Seu principal objetivo é permitir que informações binárias possam ser transmitidas ou armazenadas em sistemas que aceitam apenas texto.

É importante destacar que Base64 não é criptografia. Ele apenas converte dados para outro formato, permitindo que sejam transportados com segurança entre diferentes sistemas.

Você encontrará Base64 em APIs, arquivos JSON, e-mails, autenticação HTTP, imagens incorporadas em páginas web e diversas outras aplicações.

O que é Base64

Base64 é um esquema de codificação binário-para-texto que representa dados binários em formato ASCII. O nome vem do fato de utilizar exatamente 64 caracteres para representar os dados.

Ele é amplamente utilizado quando existe a necessidade de transmitir dados binários por meios que lidam apenas com texto, como protocolos de e-mail (MIME), URLs, JSON e XML.

Como funciona o Base64?

Todo arquivo é composto por bytes. O Base64 transforma esses bytes em grupos de 6 bits, convertendo-os para um conjunto de 64 caracteres.

Processo de codificação

O texto original é convertido para bytes (usando UTF-8)
Os bytes são agrupados em blocos de 3 (24 bits)
Cada bloco de 24 bits é dividido em 4 grupos de 6 bits
Cada grupo de 6 bits é mapeado para um caractere da tabela Base64
Se necessário, padding (=) é adicionado

Tabela de caracteres

Os caracteres utilizados são:

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 + /

Quando necessário, o caractere = é utilizado como preenchimento (padding).

Exemplos práticos

Exemplo simples

Texto original:

Toolbox Brasil

Codificado em Base64:

VG9vbGJveCBCcmFzaWw=

Decodificando esse texto, obtemos novamente: Toolbox Brasil

Como codificar Base64 em JavaScript

A maneira mais simples é utilizar as funções nativas do navegador:

const texto = "Toolbox Brasil";
const codificado = btoa(texto);
console.log(codificado);
// Resultado: VG9vbGJveCBCcmFzaWw=

Como decodificar Base64

const texto = atob("VG9vbGJveCBCcmFzaWw=");
console.log(texto);
// Resultado: Toolbox Brasil

Codificação com suporte a UTF-8

Para textos com caracteres especiais (acentos, emojis):

// Codificar
function encodeBase64(texto) {
  return btoa(
    encodeURIComponent(texto).replace(/%([0-9A-F]{2})/g, (_, p1) =>
      String.fromCharCode(parseInt(p1, 16))
    )
  );
}

// Decodificar
function decodeBase64(base64) {
  return decodeURIComponent(
    Array.from(atob(base64), (c) =>
      "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)
    ).join("")
  );
}

Onde o Base64 é utilizado?

A codificação Base64 aparece em diversos cenários do desenvolvimento de software:

| Cenário | Exemplo | |---------|---------| | APIs REST | Envio de arquivos em JSON | | Tokens de autenticação | JWT (header e payload) | | Imagens em HTML/CSS | Data URIs | | E-mails MIME | Anexos de e-mail | | Certificados digitais | Arquivos PEM | | Arquivos XML | Dados binários inline | | URLs | Base64url (variante segura) |

Base64 em imagens

Uma imagem pode ser incorporada diretamente em uma página HTML:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />

Essa técnica elimina uma requisição HTTP para imagens pequenas, mas pode aumentar significativamente o tamanho do documento HTML.

Base64 em APIs

É comum encontrar respostas semelhantes a:

{
  "arquivo": "JVBERi0xLjQKJ...",
  "tipo": "application/pdf",
  "nome": "relatorio.pdf"
}

Nesse caso, um arquivo PDF foi convertido para Base64 antes de ser enviado pela API.

Base64 aumenta o tamanho dos dados?

Sim. A codificação Base64 aumenta o tamanho dos dados em aproximadamente 33%.

| Original | Base64 | Aumento | |----------|--------|---------| | 1 KB | ~1.33 KB | +33% | | 100 KB | ~133 KB | +33% | | 1 MB | ~1.33 MB | +33% |

Por isso, ela deve ser utilizada apenas quando realmente necessária.

Vantagens

Fácil implementação
Compatível com praticamente todas as linguagens
Ideal para transportar dados binários em texto
Amplamente suportado por navegadores e APIs
Muito utilizado em integração entre sistemas
Não requer bibliotecas externas na maioria dos casos

Limitações

Não oferece segurança
Aumenta o tamanho dos dados em ~33%
Não substitui criptografia
Não deve ser utilizado para armazenar senhas
Pode causar problemas de performance com arquivos grandes

Erros comuns

Confundir Base64 com criptografia

Este é o erro mais frequente. Base64 apenas converte os dados para outro formato. Qualquer pessoa pode decodificar o conteúdo facilmente.

Armazenar senhas em Base64

Nunca armazene senhas utilizando apenas Base64. Utilize algoritmos próprios para armazenamento seguro, como bcrypt, Argon2 ou scrypt.

Utilizar Base64 em arquivos muito grandes

Como a codificação aumenta o tamanho dos dados em 33%, ela pode causar consumo desnecessário de memória e largura de banda. Para arquivos grandes, prefira upload binário direto (multipart/form-data).

Não tratar caracteres UTF-8

As funções btoa() e atob() no JavaScript não suportam caracteres fora do Latin-1 diretamente. É necessário fazer a conversão UTF-8 antes de codificar.

Boas práticas

✔ Utilize Base64 apenas quando houver necessidade de transmitir dados em formato textual

✔ Prefira enviar arquivos binários diretamente quando possível

✔ Não utilize Base64 como mecanismo de segurança

✔ Sempre valide os dados recebidos antes de decodificá-los

✔ Utilize HTTPS para proteger a comunicação entre cliente e servidor

✔ Para URLs, use a variante Base64url (substitui + por - e / por _)

✔ Considere o aumento de 33% no tamanho ao planejar limites de payload

Funciona diretamente no navegador
Não exige instalação
Processamento rápido
Interface simples
Ideal para desenvolvedores e estudantes

Converta textos entre Base64 e seu formato original com apenas alguns cliques.

Abrir Base64 Encoder/Decoder →