Ferramenta para desenvolvedores

Arquivo para Base64

Transforme qualquer arquivo em texto Base64 ou em uma data URI pronta para colar.

Arquivo para Base64 Executa no seu dispositivo
Solte os arquivos aqui ou clique para escolher
Um arquivo de qualquer tipo
Nunca é enviado
  • Roda no seu dispositivo — o arquivo nunca é enviado a lugar nenhum
  • Sem cadastro, sem marcas d'água, sem cotas diárias
  • Grátis, sem limite de quantas vezes você usa

Como funciona

O Base64 transforma um arquivo binário em texto para que ele possa viajar por onde só texto é permitido: dentro de uma página HTML, de um arquivo CSS, de um payload JSON, de um arquivo de configuração, de um e-mail. Codificar em um servidor remoto significa enviar o arquivo para receber texto de volta, uma troca estranha para algo que um navegador faz instantaneamente.

Data URI ou simples

Uma data URI traz o tipo de mídia como prefixo, para que o navegador saiba o que é: cole uma em um img src ou em um background de CSS e ela funciona sem arquivo separado. O Base64 simples é o que você quer quando outra parte do seu fluxo fornece o tipo.

O resultado fica cerca de um terço maior

O Base64 representa três bytes com quatro caracteres, então espere um aumento de aproximadamente 33% mais um pequeno excedente. Esse é o custo do formato e nada o evita, e é por isso que embutir é melhor reservado para recursos pequenos — ícones, logotipos pequenos, subconjuntos de fontes.

Quando não embutir

Uma imagem grande embutida deixa o arquivo HTML ou CSS maior, impossível de armazenar em cache separadamente e mais lento de analisar. A regra prática é alguns kilobytes: abaixo disso, embutir economiza uma requisição; acima, uma referência normal a um arquivo é mais rápida.

Voltando

O decodificador de Base64 deste site transforma o texto de volta no arquivo original e o pré-visualiza se for uma imagem.

Perguntas frequentes

Arquivo para Base64 — perguntas

O que é uma data URI?

Base64 com o tipo de mídia anexado, para poder ser colado diretamente em HTML ou CSS como se fosse um arquivo.

Por que o texto é maior que meu arquivo?

O Base64 codifica três bytes como quatro caracteres — cerca de um terço maior. Isso é inerente ao formato.

Devo embutir imagens grandes?

Não. Abaixo de alguns kilobytes, economiza uma requisição; acima disso, uma referência normal a um arquivo é mais rápida.

Meu arquivo é enviado?

Não. Ele é codificado no seu navegador.