Solte uma imagem aqui ou
Como usar o conversor de imagem para Base64
- Solte ou selecione uma imagem.
- Escolha o formato de saída, Data URL, Base64 puro, snippet CSS ou tag HTML.
- Clique em Copiar e cole o resultado onde precisar.
Guia de formatos de saída
- Data URL: URI autônoma (
data:image/png;base64,...) usável em qualquer lugar onde uma URL seja aceita. - Somente Base64: a string codificada sem o prefixo
data:. Útil para endpoints de API ou incorporação em JSON. - CSS background-image: regra CSS pronta para colar:
background-image: url("data:...") - Tag HTML img: elemento
<img src="data:...">completo para inserir diretamente no HTML.
Quando usar imagens Base64
Imagens em Base64 podem ser incorporadas diretamente em HTML, CSS, JSON ou templates de e-mail sem uma requisição HTTP separada. Reduz as viagens de rede para assets pequenos.
Porém, Base64 aumenta o tamanho do arquivo em ~33 %. Regra geral: inline para imagens menores de ~5 KB; use arquivos separados para o resto.
Casos de uso comuns
- Ícones inline em CSS sem requisições HTTP adicionais
- Templates de e-mail: incorporar imagens diretamente para evitar imagens externas bloqueadas
- Cargas JSON de API: enviar dados de imagem no corpo de uma requisição
- HTML autônomo: criar documentos que funcionem offline
Privacidade
Toda a conversão ocorre no navegador usando a API FileReader. Nenhuma imagem é enviada.