Imagens / MULTIVERTO

Imagem para Base64 e Base64 para imagem

Codifique um arquivo de imagem como URL de dados Base64 ou decodifique Base64 para visualizar e baixar a imagem.

Conversor interativoO arquivo é processado neste navegador.
Incorporar esta ferramenta

Escolha o que os visitantes verão ao carregar o widget.

Escolha o que os visitantes verão ao carregar o widget.

Qualquer pessoa pode ler os valores incluídos no código publicado. Não inclua tokens ou arquivos privados.

Prévia do widget ↗

02 / Guia

Imagem para Base64 e Base64 para imagem — Como funciona

A imagem contém bytes; Base64 os representa em texto

Codificar imagem em Base64 significa ler os bytes de um PNG, JPEG, WebP, GIF ou SVG seguro e escrevê-los com o alfabeto Base64. O resultado aqui é uma URL de dados: começa com um tipo MIME, como data:image/png;base64, e prossegue com os bytes codificados. Essa URL pode ser usada como origem de imagem ou entregue a um sistema que espera texto. A codificação não reduz o tamanho da imagem nem altera sua qualidade visual. O texto Base64 costuma ocupar cerca de um terço a mais que os dados binários originais, sem contar o prefixo.

A página também faz o caminho inverso. Escolha Base64 para imagem, cole a URL de dados completa ou somente o Base64 e selecione o formato quando o prefixo estiver ausente. A ferramenta reconstrói os bytes, confere a assinatura do arquivo, apresenta a prévia e oferece o download. As duas direções são etapas inversas de uma única tarefa; reuni-las evita duas páginas quase iguais.

Exemplo de ida e volta

Depois de codificar um PNG de um pixel, a URL de dados começa por data:image/png;base64,. Os primeiros caracteres do conteúdo podem ser iVBORw0KGgo. Esse início deriva da assinatura PNG; o restante da string carrega a imagem. Cole a URL inteira no modo inverso e a prévia deverá mostrar o mesmo desenho. O arquivo baixado contém os bytes decodificados. A ferramenta não redesenha o bitmap nessa etapa, então um ciclo válido pode preservar os bytes do original.

Um ícone muito pequeno embutido pode ser útil em um exemplo HTML isolado ou em um teste de API. Em um site comum, um arquivo de imagem separado costuma ser mais fácil de armazenar em cache, substituir e analisar. Compare o tamanho verdadeiro antes de embutir. Uma imagem de vários megabytes gera uma string longa, dificulta a leitura do código e pode atrasar a cópia ou o processamento no navegador.

Verificação de formato e enganos comuns

Base64 é codificação, não criptografia. Quem consegue ler a string pode restaurar a imagem. Não publique uma foto particular apenas porque ela foi codificada. Se faltar o prefixo da URL de dados, escolha o tipo MIME correto: chamar bytes JPEG de PNG não transforma o arquivo. O decodificador verifica assinaturas conhecidas e rejeita divergências antes de oferecer um download enganoso. Espaços introduzidos ao copiar Base64 podem ser ignorados, mas dados incompletos não podem ser reconstruídos automaticamente.

Ao contrário de um codificador Base64 de texto, esta ferramenta usa os bytes do arquivo, não as letras de seu nome nem sua descrição. O SVG precisa ser seguro e independente. O limite de tamanho protege a memória do navegador contra strings muito longas. Se a prévia falhar depois da decodificação, confirme a integridade do conteúdo original e a compatibilidade do tipo MIME informado.

Imagem para Base64 e Base64 para imagem — Como funciona
  1. A imagem contém bytes; Base64 os representa em texto
  2. Exemplo de ida e volta
  3. Verificação de formato e enganos comuns