Imagem para Base64
Transforme uma imagem no texto que se cola direto no CSS ou no HTML, sem arquivo separado — ou faça o contrário, colando um Base64 que você recebeu e baixando a imagem de volta.
Ou arraste a imagem até aqui — uma por vez. Ideal para ícones e imagens pequenas.
Como você vai colar o resultado
Base64 deixa o conteúdo cerca de 33% maior que o arquivo original — é o preço de escrever bytes com letras. Vale para ícone e imagem pequena; para foto, é quase sempre melhor manter o arquivo e apontar para ele.
Arquivo gerado
A codificação acontece inteiramente no seu navegador: a imagem não é enviada para nenhum servidor e nada é armazenado.
Como converter uma imagem em Base64
Escolha a imagem, selecione em que formato quer o texto — data URI puro, linha de CSS ou tag de HTML — e clique em gerar. O resultado aparece pronto para copiar.
Para que serve isso?
Para embutir uma imagem dentro do próprio código, sem arquivo separado. Um ícone pequeno em Base64 no CSS economiza uma requisição de rede, e um data URI viaja bem dentro de JSON, de e-mail HTML ou de um campo de banco de dados que só aceita texto.
Quando não usar?
Em foto e em qualquer imagem grande. O Base64 fica cerca de um terço maior que o arquivo, não é aproveitado do cache do navegador como um arquivo comum, e infla o CSS ou o HTML que precisa ser baixado antes de a página aparecer. A regra prática é reservá-lo para poucos kilobytes.
Como voltar de Base64 para imagem?
Troque o sentido no topo da página e cole o texto. Funciona com o data URI inteiro, com o trecho dentro de url(…) ou de um src, e também com o Base64 cru sem cabeçalho nenhum.
E se o cabeçalho estiver errado?
A ferramenta confere a assinatura dos bytes antes de gravar. Data URI copiado por aí frequentemente diz image/png em algo que é JPEG — e o arquivo baixado com a extensão errada não abre. Aqui o formato real ganha, e o painel avisa quando houve a troca.
Meu Base64 dá erro. Por quê?
Quase sempre porque o texto veio incompleto — falta de alguns caracteres no fim já basta. Copie o valor inteiro, do data: até o último caractere antes da aspa de fechamento.