Como converter string Base64 de volta para arquivo de imagem
Decodifique URIs `data:image/...` de respostas de API, snapshots do navegador ou trechos colados em PNG ou JPEG salvável e compartilhável.
Mais utilitários que combinam com este guia:
Por que isso importa
Um dev front-end depura biblioteca de gráficos. Ela devolve o render como data:image/png;base64,... e ele quer anexar PNG real no ticket de bug. Decodificar na mão significa separar prefixo MIME, vírgula e API correta de Buffer. Uma ferramenta focada vira colar e baixar.
Três cenários reais
Copie o data URI do console.log, cole, baixe o PNG.
Anexo no chamado
Decodifique e visualize sem script Node descartável.
Confirmação visual
Cole bloco Base64 referenciado por cid:, recupere imagem original e encaminhe para análise.
Evidência para segurança
Passo a passo
Abra Base64 para imagem.
Cole data URI ou Base64 cru
Ambos funcionam. MIME é detectado pelo prefixo ou você escolhe se só vier Base64 sem tipo.
Pré-visualize
A imagem decodificada aparece à direita com largura, altura e tipo.
Cheque integridade
Prévia quebrada ou 0×0 indica entrada truncada ou corrompida.
Baixe como arquivo
Nome padrão usa extensão inferida (
.png,.jpg,.webp).Opcional: hash para fingerprint
Passe o arquivo salvo pelo gerador de hash.
Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9V4dM7sAAAAASUVORK5CYII=Decodificado
Image: 1 × 1 PNG
Size: 68 bytes (decoded)
Dicas avançadas
- Remova espaços em branco antes de decodificar. Base64 colado de e-mail costuma quebrar linha a cada 76 caracteres.
- Confira se MIME bate com bytes reais. Atacantes podem esconder script em
data:image/svg+xml. Decodifique e inspecione. - Para várias URIs em JSON/manifesto, divida por
,depois do prefixo e decode cada entrada. - Direção inversa — arquivo → data URI use Imagem para Base64.
Armadilhas comuns
Erro comum
Imagem decodificada corrompida
Base64 pode faltar caracteres, ter aspas extras ou alfabeto não padrão. Valide Base64 em Codificar/decodificar e importe de novo.
Erro comum
MIME errado salva extensão incorreta
O prefixo do data URI manda. Se diz image/jpeg mas bytes são PNG, o arquivo não abre. Veja número mágico (PNG, JFIF).
Erro comum
String gigante trava ao colar
Para strings multi-megabyte, salve em .txt e arraste para o campo em vez de colar.
Quando esta não é a ferramenta certa
- Decode programático — use APIs nativas (
atob,Buffer.from,base64.b64decode). - Dados não imagem como fontes (
.woff2) ou áudio — Codificar/decodificar e baixe como binário genérico. - Extração em massa de PDFs/caixas de correio — ferramentas forenses tratam o container.
FAQ
Arquivos grandes são suportados?
Até algumas centenas de MB conforme memória do navegador. Além disso prefira CLI tipo base64 -d.
Suporta SVG?
Sim. data:image/svg+xml;base64,... vira SVG visualizável; pode salvar como .svg.
Os dados são enviados?
Não. Decode inteiro no navegador.
Próximos passos
- Compacte a imagem recuperada com compactador.
- Faça hash para arquivo com gerador de hash.
- Inverso (imagem → Base64)? Imagem para Base64.