Conversor de imagem para Base64 (data URI)
Converta uma imagem em data URI Base64 no navegador e copie trechos prontos de img HTML, background CSS e Markdown, com detalhes de tamanho.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
O que é Imagem para Base64?
Esta ferramenta codifica um arquivo de imagem em Base64 para que ele possa ser embutido diretamente em HTML, CSS, JSON ou Markdown. Ela gera a data URI completa (data:image/png;base64,…), a string Base64 bruta e trechos prontos para copiar de <img>, background-image CSS e Markdown, além do tamanho da imagem e do acréscimo do Base64.
Como usar Imagem para Base64
- Solte, escolha ou cole uma imagem (PNG, JPEG, GIF, WebP, SVG, ICO…).
- Leia o formato detectado, as dimensões, o tamanho do arquivo e o tamanho da data URI.
- Clique em Copiar ao lado da variante de que precisa: data URI, Base64 bruto, trecho HTML, background CSS ou Markdown.
Exemplo
30×30 PNG filled with #3366CC (99 bytes)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Quando usar Imagem para Base64
Embuta imagens minúsculas como ícones, logos pequenos ou placeholders para economizar uma requisição HTTP, ou incorpore imagens em HTML de arquivo único, e-mails, APIs JSON ou CSS que precisa ser autossuficiente. Evite isso para imagens acima de uns 20 KB: elas incham o HTML/CSS e não podem ser armazenadas em cache separadamente.
Como funciona Imagem para Base64
Os bytes do arquivo são lidos com File.arrayBuffer(), o formato real é detectado pelos bytes mágicos (por exemplo 89 50 4E 47 para PNG) em vez de confiar na extensão, e os bytes são codificados em Base64 com btoa. A data URI é data:<mime>;base64,<base64>. O Base64 representa cada 3 bytes como 4 caracteres, então o texto fica cerca de 33% maior que o arquivo.
Casos de Uso Comuns
- Embutir um ícone pequeno diretamente em um arquivo CSS.
- Colocar um logo em um template de e-mail HTML ou em uma página offline de arquivo único.
- Enviar uma imagem dentro de um payload JSON para uma API.
- Escrever um documento Markdown ou Jupyter autossuficiente.
Nota de Segurança
As imagens são decodificadas, processadas e codificadas localmente no seu navegador com a Canvas API. Nada é enviado a um servidor.
Perguntas Frequentes
Por que o Base64 é maior que o meu arquivo?
O Base64 usa 4 caracteres de texto para cada 3 bytes, então a string codificada fica cerca de 33% maior (mais alguns bytes de preenchimento e do prefixo da data URI).
A ferramenta altera ou comprime minha imagem?
Não. Ela codifica os bytes exatos do seu arquivo. Use antes o Compressor de imagens se quiser um resultado menor.
Posso converter o Base64 de volta em imagem?
Sim, use a ferramenta Base64 para imagem, que aceita uma data URI ou Base64 bruto e permite baixar o arquivo.