Converta uma imagem em uma URI de dados Base64 para incorporar em HTML, CSS ou JSON, direto no navegador.
Incorporar imagens como Base64 evita uma requisição extra, mas aumenta o tamanho em cerca de um terço. Melhor para ícones pequenos.
Como usar Imagem para Base64
Escolha uma imagem do seu dispositivo.
Copie a URI de dados ou o snippet CSS pronto para uso.
Cole no seu HTML, CSS ou JSON.
Perguntas frequentes
Não. A imagem é lida inteiramente no seu navegador, portanto nunca sai do dispositivo.
Para imagens pequenas como ícones, onde evitar uma requisição de rede extra justifica o aumento de tamanho. Para imagens grandes, um arquivo normal é melhor.
A codificação Base64 adiciona cerca de 33% de sobrecarga porque representa dados binários usando um alfabeto de texto limitado.
Um conversor de imagem para Base64 que gera uma URI de dados e um snippet CSS de background pronto para incorporar imagens diretamente no código.
Roda localmente no navegador, por isso as imagens permanecem privadas.
Ferramentas relacionadas
Gere hashes SHA-1, SHA-256, SHA-384 e SHA-512 de qualquer texto, diretamente no seu navegador.
Converta cores entre HEX, RGB e HSL com uma prévia ao vivo.
Converta timestamps Unix para datas legíveis e vice-versa: UTC, local, ISO 8601 e tempo relativo. Segundos e milissegundos são detectados automaticamente.
Codifique e decodifique URLs e componentes de URL com percent-encoding, seguro para UTF-8.
Usamos cookies essenciais para o site funcionar. Com seu consentimento, também carregamos o Google AdSense, que define cookies de publicidade. Veja nossa política de privacidade.