Pular para o conteúdo
FileTinker

Imagem para Base64

Converta uma imagem em um data URI Base64 para incorporá-la diretamente no CSS ou HTML — ou cole Base64 para transformá-la de volta em uma imagem para baixar. Tudo funciona no seu navegador.

Converter no sentido contrário

Precisa ir de Base64 de volta para uma imagem? Use a página dedicada:

Como converter uma imagem em Base64

  1. Solte uma imagem (ou mude para Base64 → Imagem e cole o Base64).
  2. Copie o data URI Base64 — ative ou desative o prefixo data:.
  3. Cole no seu CSS ou HTML, ou decodifique de volta para uma imagem.

Sobre a codificação de imagens em Base64

Codificar uma imagem como Base64 a transforma em um texto que você pode incorporar diretamente em um fundo CSS, em uma tag img de HTML ou em um payload JSON — sem precisar de uma requisição de arquivo separada. É útil para ícones pequenos, imagens em e-mails inline e data URIs, embora deixe os dados cerca de 33% maiores, então funciona melhor para arquivos pequenos.

Isto converte nos dois sentidos totalmente no seu navegador: solte uma imagem para obter o data URI, ou cole um data URI / texto Base64 para pré-visualizar e baixar a imagem. Nada é enviado, então imagens privadas ficam no seu dispositivo.

Perguntas frequentes

O que é um data URI?

Um data URI incorpora os bytes de um arquivo diretamente em uma URL como Base64, no formato data:image/png;base64,… — você pode usá-lo como fonte de uma imagem ou fundo CSS sem um arquivo separado.

Por que o Base64 é maior que o arquivo?

O Base64 representa 3 bytes com 4 caracteres ASCII, então o texto fica cerca de 33% maior que a imagem original. Funciona melhor para arquivos pequenos, como ícones.

Dá para converter Base64 de volta em imagem?

Sim. Mude para Base64 → Imagem, cole um data URI ou Base64 puro, e pré-visualize e baixe a imagem decodificada.

Minha imagem é enviada?

Não. Os dois sentidos funcionam totalmente no seu navegador, então sua imagem ou Base64 nunca sai do seu dispositivo.