O que é Base64 e para que serve
Base64 é uma forma de representar dados binários (como uma imagem) usando apenas texto, através de uma sequência de letras, números e símbolos. Quando uma imagem é convertida para Base64, ela pode ser embutida diretamente dentro de um arquivo HTML, CSS ou JSON como uma string de texto, sem precisar de um arquivo de imagem separado.
Essa técnica é chamada de "Data URI" quando usada em atributos como src de uma tag <img> ou na propriedade background-image do CSS. O código gerado começa com algo como data:image/png;base64,..., indicando o tipo da imagem seguido pelos dados codificados.
Como usar
Selecione uma imagem do seu computador. A ferramenta lê o arquivo e gera automaticamente o código Base64 correspondente, exibindo também uma prévia visual da imagem para conferência. Clique em "Copiar Base64" para copiar o código completo e colar onde for necessário.
Quando usar imagens em Base64
- Embutir ícones ou pequenas imagens diretamente no CSS, evitando requisições HTTP extras
- Incluir imagens em arquivos JSON, e-mails HTML ou documentos que não suportam arquivos anexos separados
- Enviar imagens dentro de payloads de API que aceitam apenas texto
- Criar protótipos e páginas de teste que precisam funcionar em um único arquivo, sem dependências externas
- Armazenar pequenas imagens diretamente em bancos de dados ou arquivos de configuração
Vale lembrar que o código Base64 é cerca de 33% maior que o arquivo binário original, por isso essa técnica é mais indicada para imagens pequenas, como ícones e logotipos.
Perguntas Frequentes
O que é uma imagem em Base64?
É a representação dos dados binários de uma imagem usando apenas caracteres de texto, o que permite embutir a imagem diretamente em código HTML, CSS ou JSON sem depender de um arquivo externo.
Como uso o código Base64 gerado?
Copie o código e cole no atributo src de uma tag de imagem HTML ou na propriedade background-image do CSS, por exemplo: <img src="data:image/png;base64,...">.
O arquivo Base64 fica maior que a imagem original?
Sim, a codificação Base64 aumenta o tamanho dos dados em cerca de 33% comparado ao arquivo binário original, por isso é mais indicada para imagens pequenas.
Minha imagem é enviada para um servidor?
Não, a conversão é feita inteiramente no seu navegador, sem enviar a imagem para nenhum servidor externo.
Essa ferramenta é gratuita?
Sim, você pode converter quantas imagens quiser para Base64 sem custo algum.