Skip to content
Zoyku

Imagem Base64

Converta imagens em data URLs base64 e vice-versa: pré-visualize, valide e baixe, com comparação exata de tamanhos. Tudo no seu navegador.

Arraste um arquivo aqui ou clique para escolher

Esta ferramenta roda inteiramente no seu navegador. Seus dados nunca saem do seu dispositivo e não são enviados a nenhum servidor.

Como usar

  1. 1Solte uma imagem no painel (ou cole uma da área de transferência) para codificar.
  2. 2Copie o data URL — ou apenas o base64 — e confira a comparação de tamanhos antes de usar inline.
  3. 3Mude para a aba de decodificação, cole qualquer data URL de imagem e visualize ou baixe.

Imagem Base64

Solte um PNG, JPEG, GIF, WebP ou SVG e receba na hora um data:image/…;base64,… pronto para colar em CSS, HTML ou JSON inline. A ferramenta mostra o tamanho do arquivo original ao lado do tamanho do texto resultante, então você vê o sobrecusto de ~33% do base64 antes de optar por inline.

Cole um data URL e a visualização reversa decodifica: pré-visualiza a imagem, confere o MIME declarado contra os bytes reais e um botão salva de volta como arquivo. Base64 inválido ou tipo que não é imagem gera uma mensagem clara em vez de uma imagem quebrada.

Perguntas frequentes

Quando vale a pena embutir uma imagem como data URL?

Para ícones pequenos, avatares e placeholders de carregamento. O base64 deixa o texto ~33% maior que o binário, então abaixo de poucos KB geralmente compensa pela requisição HTTP economizada; para fotos, o sobrecusto quase sempre pesa mais.

Por que a versão base64 é maior que meu arquivo?

O base64 codifica cada 3 bytes como 4 caracteres de texto — uma inflação fixa de 33%, mais o prefixo data:image/…;base64,. Nada é comprimido ou perdido; é apenas uma representação em texto dos mesmos bytes.

Quais formatos o decodificador aceita?

Tudo o que seu navegador renderiza como imagem: PNG, JPEG, GIF, WebP, SVG, BMP, AVIF e mais. A ferramenta verifica se o base64 é válido, se o MIME declarado é de imagem, e avisa quando os bytes mágicos não batem com o tipo declarado.

Incorporar esta ferramenta

Coloque esta ferramenta no seu site com uma linha — ela roda no navegador do visitante.

<iframe src="https://zoyku.com/pt/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>
100% local processing