Base64 to Image

Cole qualquer string Base64 de imagem e veja a imagem renderizada no navegador com este conversor gratuito de Base64 para imagem online — sem upload, sem servidor, sem enviar nada. Funciona com data URLs completas (data:image/png;base64,...) e strings Base64 puras, detectando o formato da imagem automaticamente.

Quando uma API retorna um campo de imagem codificado, quando você precisa verificar um asset Base64 antes de publicar, ou quando está depurando uma data URI no CSS — esta ferramenta renderiza na hora e permite baixar o resultado com um clique.

Como Converter Base64 para Imagem

1. Cole sua string Base64 no painel de entrada — uma data URL completa começando com data:image/...;base64, ou uma string Base64 pura sem prefixo.
2. Veja a pré-visualização — a imagem renderiza instantaneamente à direita, mostrando dimensões, formato detectado e tamanho codificado.
3. Baixe a imagem — clique em Download para salvar como PNG, JPEG, WebP ou GIF diretamente no seu dispositivo.

A ferramenta remove automaticamente espaços extras, quebras de linha e caracteres de escape JSON, então você pode colar diretamente de respostas de API ou saída de terminal sem limpar antes.

O que é uma Data URL Base64?

Uma data URL Base64 é uma forma de embutir um arquivo binário — como uma imagem — diretamente dentro de um documento de texto. Em vez de referenciar um arquivo separado, os bytes brutos da imagem são codificados em Base64 e prefixados com o tipo MIME:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...

Essa string pode ir diretamente no atributo src de uma tag <img> no HTML, na propriedade background-image do CSS, ou em um campo JSON de uma API. O navegador decodifica na hora e renderiza a imagem sem nenhuma requisição adicional de rede.

Formatos de Imagem Suportados

PNG, JPEG, GIF, WebP, SVG, BMP, ICO — qualquer formato que o navegador consiga renderizar nativamente. A ferramenta detecta o formato automaticamente pelos bytes mágicos dos dados binários codificados, então você não precisa saber o tipo MIME antecipadamente ao colar Base64 puro.

Casos de Uso Comuns

• Depurar respostas de API: Serviços backend frequentemente retornam avatares, thumbnails ou pré-visualizações de documentos como strings Base64 dentro de JSON. Cole o valor do campo aqui para verificar se a imagem está correta antes de escrever qualquer código de exibição.
• Validar data URIs no CSS: Ao embutir ícones ou fundos inline em uma stylesheet, cole o valor Base64 aqui para confirmar que decodifica para o asset esperado antes de fazer o commit.
• Recuperar imagens de exports: Alguns formatos de exportação (JSON, XML, dumps de banco de dados) armazenam imagens em Base64. Decodifique aqui para extrair e salvar os arquivos de imagem originais.
• Inspecionar imagens inline em e-mail: Emails MIME frequentemente embutem pequenas imagens (logos, assinaturas) como partes codificadas em Base64. Cole o conteúdo codificado para ver a imagem sem abrir um cliente de e-mail.
• Testar pipelines de codificação de imagem: Após rodar uma imagem por um script ou API de codificação, verifique aqui se a saída decodifica corretamente antes de enviá-la para o próximo passo.
• Desenvolvimento frontend: Ao trabalhar com canvas APIs ou file readers que produzem Base64, confirme rapidamente se o resultado codificado é uma imagem válida e renderizável.

Perguntas Frequentes

Posso colar Base64 puro sem o prefixo data:?

Sim. A ferramenta detecta o formato da imagem automaticamente lendo os bytes mágicos no início dos dados decodificados — 0xFF 0xD8 para JPEG, 0x89 0x50 para PNG, 0x47 0x49 para GIF e 0x52 0x49 para WebP. Você pode colar Base64 puro e a ferramenta constrói a data URL correta internamente.

Por que minha imagem Base64 não renderiza?

As causas mais comuns são: a string está incompleta (só um fragmento foi copiado), há caracteres não-Base64 no meio, ou os dados não representam uma imagem. Verifique se copiou o valor Base64 completo. Se os dados vêm de uma URL, podem estar em Base64URL (usando - e _ em vez de + e /) — tente substituir esses caracteres antes de colar.

Qual é o tamanho máximo de imagem que a ferramenta suporta?

Não há limite imposto pela ferramenta — a restrição é a memória disponível no seu navegador. Navegadores modernos lidam com imagens de centenas de megabytes como blob URLs sem problemas. Imagens muito grandes (acima de 50 MB codificadas) podem causar lentidão na aba durante a decodificação.

Minha imagem é enviada para algum servidor?

Não. Toda a decodificação e renderização acontece localmente no seu navegador usando atob() e as APIs nativas de Blob e Image. Seus dados nunca saem do seu dispositivo, e a ferramenta funciona offline depois que a página carrega.

Qual é a diferença entre data URL e blob URL?

Uma data URL (data:image/png;base64,...) embutia o conteúdo inteiro do arquivo inline como texto — pode ser muito longa e atingir limites do navegador para arquivos grandes. Uma blob URL (blob:https://...) é uma referência temporária em memória criada pelo navegador. Esta ferramenta converte internamente o Base64 para uma blob URL para renderização, evitando limites de tamanho e sendo mais eficiente em memória.