Converter imagem para Base64 (data URI)
Selecione ou arraste uma imagem
Gera o Base64 (data URI). Tudo acontece no seu navegador.
Selecione uma imagem para gerar o código Base64 (data URI). Copie como texto puro ou já no formato CSS background-image. Nada é enviado a servidores.
Para que serve
O conversor de imagem para Base64 transforma uma imagem em uma string de texto (data URI). Em vez de um arquivo separado, você recebe um código que pode ser colado direto no HTML ou no CSS.
É muito usado por desenvolvedores para embutir ícones e imagens pequenas dentro do código, evitando uma requisição extra ao servidor para cada arquivo.
Formatos de saída
- Texto puro: o data URI completo, pronto para usar no atributo src de uma tag img.
- CSS background-image: o código já no formato url(...) para aplicar como fundo.
- Cópia rápida: copie o resultado com um clique e cole onde precisar.
Quando usar
- Embutir um ícone pequeno em um HTML ou CSS sem arquivo externo.
- Incluir uma imagem em um e-mail ou template que não permite anexos.
- Evitar uma requisição de rede a mais para imagens minúsculas.
Limitações
O Base64 aumenta o tamanho em cerca de 33% em relação ao arquivo original, então ele serve para imagens pequenas, como ícones, e não para fotos grandes. A conversão é feita no seu navegador, sem envio a servidores.
Perguntas frequentes
- Posso usar Base64 para qualquer imagem?
- Tecnicamente sim, mas não é recomendado para fotos grandes. O Base64 cresce cerca de 33% sobre o original, então o ideal são imagens pequenas como ícones e logotipos.
- Dá para gerar o código já pronto para CSS?
- Sim. Além do texto puro, a ferramenta oferece a saída no formato background-image, com url(...), pronta para colar na sua folha de estilos.
- Minha imagem é enviada para algum servidor?
- Não. A conversão para Base64 acontece no seu navegador, então a imagem nunca sai do seu dispositivo.