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
- Solte uma imagem (ou mude para Base64 → Imagem e cole o Base64).
- Copie o data URI Base64 — ative ou desative o prefixo data:.
- 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.
O tamanho não é o único fator a ser considerado ao usar a técnica de embutir dados diretamente no código. Uma imagem em Base64 faz parte do documento que a contém, portanto, o navegador não pode armazená-la em cache separadamente, carregá-la de forma progressiva ou reutilizá-la em várias páginas da mesma forma que faria com um arquivo de imagem normal — basta alterar um único byte da página para que todo o conteúdo seja baixado novamente. Além disso, há limitações de compatibilidade: alguns clientes de e-mail, como o Outlook, se recusam a exibir imagens no formato Data URI.
Você encontrará imagens em formato Base64 em mais lugares do que em códigos CSS escritos manualmente. Aplicativos de desenho em Canvas exportam dados por meio de toDataURL, widgets de captura de tela e assinatura armazenam seus resultados como URIs de dados, APIs retornam imagens geradas como campos Base64 em JSON e arquivos HTML únicos incorporam todos os elementos gráficos diretamente. Quando uma dessas sequências de caracteres aparece – em um arquivo de registro, em uma coluna de banco de dados ou no código-fonte de uma página –, decodificá-la para obter o arquivo original geralmente é a maneira mais rápida de verificar o que ela contém.
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.
A codificação Base64 altera ou comprime minha imagem?
Não. Base64 é uma representação dos bytes exatos do arquivo usando 64 caracteres ASCII seguros – nada é compactado, redimensionado ou recodificado, e a decodificação retorna um arquivo idêntico ao original. A qualidade permanece inalterada porque os pixels nunca são modificados. Se você precisar de uma string menor, compacte ou redimensione a imagem antes de codificá-la – o próprio Base64 nunca reduzirá o tamanho do arquivo.