Decodificador de Base64 para imagem
Decodifique uma string Base64 ou data URI em imagem, detecte PNG, JPEG, GIF, WebP, SVG ou ICO pelos bytes, veja a prévia e baixe o arquivo.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
O que é Base64 para imagem?
Cole uma imagem codificada em Base64, com ou sem o prefixo data:image/...;base64,, e esta ferramenta a decodifica, detecta o tipo real da imagem pelos bytes decodificados, mostra uma prévia com as dimensões e o tamanho do arquivo e permite baixá-la com a extensão correta.
Como usar Base64 para imagem
- Cole uma data URI ou uma string Base64 bruta na caixa de entrada (quebras de linha e espaços são ignorados).
- Confira o Tipo detectado, as dimensões e o tamanho, além da prévia.
- Clique no botão de download para salvar o arquivo, por exemplo
decoded-image.png.
Exemplo
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square
Quando usar Base64 para imagem
Use-a para inspecionar imagens embutidas em HTML, CSS, respostas de API JSON, logs ou e-mails, ou para recuperar um arquivo que alguém enviou em Base64. Ela não conserta strings truncadas: se faltar parte do Base64, a imagem será inválida.
Como funciona Base64 para imagem
A ferramenta remove o prefixo da data URI e os espaços em branco, aceita Base64 seguro para URL (- e _) e preenchimento = ausente, e então decodifica com atob. Os bytes são identificados pela assinatura: PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF ou texto SVG. Se a data URI declarar um tipo MIME diferente do dos bytes, um aviso é exibido. A prévia usa uma object URL dos bytes decodificados.
Casos de Uso Comuns
- Ver uma imagem devolvida em Base64 por uma API REST.
- Extrair uma imagem embutida de um e-mail HTML ou de um arquivo CSS.
- Conferir se uma data URI realmente contém o formato que declara.
- Salvar como PNG uma captura de tela em Base64 de um log de testes.
Nota de Segurança
As imagens são decodificadas, processadas e codificadas localmente no seu navegador com a Canvas API. Nada é enviado a um servidor. O conteúdo SVG só é exibido dentro de um elemento <img>, onde scripts do SVG não são executados.
Perguntas Frequentes
Preciso do prefixo data:image?
Não. Base64 bruto também funciona; o tipo é detectado pelos bytes decodificados.
Por que recebo a mensagem de Base64 inválido?
A string contém caracteres fora do alfabeto Base64 ou tem um tamanho impossível, geralmente porque foi cortada ou contém aspas ou sequências de escape. Cole apenas a parte Base64.
E se os dados não forem uma imagem?
A ferramenta informa que o Base64 é decodificado corretamente, mas não é um formato de imagem reconhecido, e não oferece uma prévia enganosa.