Anúncios incomodam? Ir Sem anúncios Hoje 

Visualização e Decodificador de Imagem Base64

DadosDesenvolvedorImagem

ANUNCIADO Remover?

ENTRADA

Processo Automático

SAÍDA

Lado cliente

ANUNCIADO Remover?

Guia

Visualizador e decodificador de imagem em base64

Visualização e Decodificador de Imagem Base64

Cole uma string de imagem codificada em base64 e veja instantaneamente a imagem renderizada, com o formato automaticamente detectado a partir dos bytes mágicos do arquivo. As dimensões em pixels e o tamanho em bytes decodificados são calculados diretamente no seu navegador – sem envio para o servidor, sem espera em uma API. O opcional data: prefixo URI é removido automaticamente, então você pode colar uma string de base64 bruta de um payload JSON, um fundo CSS, um corpo de e-mail ou uma resposta gerada por um SDK e ela funcionará imediatamente.

Como usar

Copie a string de base64. Pode ser o payload bruto ou incluir o data:image/...;base64, prefixo URI – ambos são aceitos.
Cole na Sequência Base64 caixa. A ferramenta decodifica e exibe a imagem assim que você parar de digitar.
Inspeccione o formato detectado, as dimensões em pixels, o tamanho em bytes decodificado e o número total de caracteres da base64 original.
Clique Baixar imagem para salvar o arquivo decodificado no seu computador com a extensão correta para o formato detectado.

Características

Detecção automática do formato de imagem – PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF e HEIC são reconhecidos a partir dos bytes mágicos, não apenas a partir da dica do URI de dados.
Dimensões em pixels – Largura e altura são lidas a partir da imagem renderizada, então você vê o tamanho intrínseco real.
Tamanho do arquivo decodificado – Mostra o número real de bytes binários após a decodificação, juntamente com o comprimento em caracteres da base64 para comparação.
Remove prefixo do URI de dados – Funciona independentemente de começar com data:image/png;base64,, apenas iVBORw0...ou uma variante de base64 segura para URLs.
Baixar como arquivo de imagem – Um clique salva os bytes decodificados com a extensão correta para o formato detectado.
Puro lado do cliente – A string de base64 nunca sai do seu navegador. Seguro para uso com capturas privadas, ativos internos ou arquivos sensíveis.

Quando usar esta ferramenta

Use esta ferramenta sempre que encontrar uma string de imagem codificada em base64 e precisar confirmar o que ela realmente representa – para depurar respostas de API que contêm miniaturas, para inspecionar e-mails ou HTML com imagens inline, para reverse-engineer pixels de rastreamento, para verificar a saída de uma API de geração de imagens ou para recuperar um ativo de um exportação de banco de dados. Como a renderização ocorre no navegador, é também uma forma rápida de verificar se uma carga de base64 está bem formada antes de enviá-la para produção.

ANUNCIADO Remover?

 Perguntas frequentes

O que é codificação em base64 e por que é usada para imagens?

A codificação em base64 é um esquema que representa dados binários arbitrários usando 64 caracteres imprimíveis do ASCII. Ela existe porque muitos canais de transporte – JSON, atributos HTML, corpos de e-mails, URLs, XML clássico – não conseguem transportar dados brutos de forma segura. Codificar uma imagem em base64 torna possível incluir todo o arquivo como uma string em um contexto de texto apenas, com um aumento de tamanho de cerca de um terço.
Como funciona um URI de dados em HTML e CSS?

Um URI de dados segue a forma data:[mediatype][;base64],<payload>. Quando o navegador vê isso em um img src, um atributo CSS background-imageou outro atributo de recurso, ele não realiza uma requisição de rede – decodifica o payload embutido e trata como o recurso. Isso elimina uma volta de rede, mas torna o HTML ou CSS ao redor maior e não cachável por si só.
Por que os dados de imagem codificados em base64 são maiores que o original?

A codificação em base64 empacota 3 bytes de dados binários em 4 caracteres ASCII, o que produz um aumento de tamanho de 33%. Os caracteres de preenchimento e qualquer quebra de linha aumentam esse custo um pouco. Como regra geral, uma string de base64 é cerca de 1,37 vezes o tamanho do arquivo original, quando o compressão HTTP é removida da equação.
Quais formatos de imagem podem ser codificados em base64?

Qualquer formato de imagem pode ser codificado – a codificação em base64 é independente de formato e simplesmente representa os bytes do arquivo. Navegadores podem renderizar PNG, JPEG, GIF, WebP, BMP, ICO, SVG e cada vez mais AVIF e HEIC a partir de um URI de dados, desde que o tipo de mídia correto seja declarado no prefixo ou detectado a partir dos bytes mágicos do arquivo.
Em que momento a inclusão de uma imagem em base64 prejudica o desempenho em vez de ajudar?

A inclusão é barata para uma imagem pequena salva em um caminho crítico, mas deixa de ser vantajosa para arquivos maiores. Um payload em base64 não pode ser cacheado separadamente do documento em que está embutido, bloqueia o streaming do markup ao redor e força o navegador a re-analisar os mesmos bytes em cada carregamento da página. Para qualquer coisa acima de alguns quilobytes, uma requisição normal com cache HTTP é quase sempre mais rápida. <img> uma solicitação com cache HTTP é quase sempre mais rápida.