O que é imagem para Base64?
imagem para Base64 converte um arquivo de imagem em uma string codificada em Base64 usando a API FileReader integrada do navegador. A saída pode ser formatada como uma string Base64 bruta, um data URI completo, uma declaração CSS background-image ou uma tag HTML img — o que for necessário para o caso de uso de destino.
Como usar imagem para Base64
- Solte um arquivo de imagem na área de soltar, ou clique para procurar.
- Escolha um formato de saída: Data URI, Base64 bruto, background-image do CSS ou tag HTML img.
- Copie o resultado para a área de transferência com um clique.
- Cole diretamente em HTML, CSS, JSON ou qualquer outro destino.
Entenda a codificação de imagens em Base64 ▾
Exemplo
Casos de uso comuns
- Incorpore um pequeno logo em um e-mail HTML
- Incorpore um spinner ou ícone em um arquivo CSS
- Passe dados de imagem como string JSON para uma API
- Crie arquivos HTML autocontidos com imagens incorporadas
Por que usar esta ferramenta
- Quatro formatos de saída — data URI, Base64 bruto, CSS e HTML.
- Mostra o tamanho original vs. o tamanho codificado e o aumento em %.
- Avisa quando a imagem é grande o suficiente para impactar o desempenho da página.
- Sem upload de arquivo — tudo é executado no seu navegador.
Perguntas frequentes
Base64 é uma forma de codificar dados binários (como uma imagem) como uma string ASCII de texto simples. Um data URI é uma string Base64 prefixada com o tipo MIME, formatada como data:image/png;base64,... — isso pode ser colocado diretamente no atributo src de uma tag img ou em um background-image de CSS para incorporar a imagem sem uma solicitação de arquivo separada.
Data URIs são ideais para ícones pequenos, logos ou imagens incorporadas em e-mails HTML, onde referências a arquivos externos podem ser bloqueadas. Para imagens grandes, elas aumentam o peso da página e podem prejudicar o desempenho, então use com moderação.
Não. A API FileReader codifica a imagem diretamente no seu navegador. Sua imagem nunca sai do seu dispositivo.
A codificação Base64 aumenta o tamanho dos dados em aproximadamente 33%, porque cada 3 bytes de dados binários se tornam 4 caracteres ASCII. Uma imagem de 100 KB fica com cerca de 133 KB como string Base64.