Sobre esta ferramenta
Base64 transforma os bytes brutos de uma imagem em texto simples, útil em qualquer lugar onde um arquivo binário não caiba: incorporar um pequeno ícone diretamente num `background-image` do CSS, num `<img src>` do HTML, ou num payload JSON de API, tudo sem uma requisição de arquivo separada. Esta ferramenta funciona nos dois sentidos — solte uma imagem para obter seu texto Base64, ou cole Base64 (ou uma data URI completa) para reconstruir e baixar a imagem.
A codificação lê os bytes brutos do arquivo diretamente e os reexpressa como texto — sem redesenhar em canvas, então o resultado decodifica de volta ao arquivo original exato, byte a byte. Tudo acontece localmente no seu navegador; nada é enviado a lugar nenhum. Lembre-se de que o texto Base64 fica cerca de um terço maior que o binário original, então serve muito melhor para ícones pequenos e miniaturas do que para fotos grandes.
Perguntas frequentes
A codificação para base64 muda a qualidade da imagem?
Não — base64 é uma codificação de texto dos bytes exatos do arquivo original, não uma recompressão da imagem. A string resultante decodifica de volta em um arquivo idêntico byte a byte, apenas representado como texto em vez de binário (por isso é cerca de 33% maior que o tamanho do arquivo original — esse é o custo de representar bytes arbitrários como texto imprimível, não qualquer perda de dados de imagem).
Por que minha string codificada é tão maior que o arquivo original?
Base64 codifica cada 3 bytes brutos como 4 caracteres de texto, o que é um aumento de tamanho matematicamente fixo de ~33% — isso é normal e esperado para QUALQUER codificação base64, não específico de imagens. É uma compensação que vale a pena quando você quer incorporar uma pequena imagem diretamente em formatos baseados em texto (CSS, HTML, JSON) para evitar uma solicitação de rede separada, mas não é uma boa escolha para imagens grandes onde o tamanho extra supera o benefício de pular uma solicitação.