Usamos cookies para medir o tráfego e exibir anúncios. Você pode aceitar ou recusar os cookies não essenciais. Gerenciar
Transforme uma imagem em uma string Base64 (Data URI) para colar direto no seu CSS, HTML ou código. A conversão acontece no seu navegador — o arquivo não é enviado para nenhum servidor — e a string pode ser copiada com um clique.
Arraste seus arquivos aqui
ou clique para selecionar
Adicione a imagem
Arraste o arquivo (PNG, JPG, WEBP, GIF ou SVG) para a área de upload ou clique para selecioná-lo. Ele é lido apenas na memória do seu dispositivo.
Veja o Base64
A string Data URI (começando com data:image/...) aparece na tela, junto com uma prévia da imagem e o total de caracteres.
Copie
Clique em copiar e cole a string onde precisar — no CSS, HTML ou em qualquer código.
Codificar uma imagem em Base64 gera um Data URI — um texto que representa a imagem inteira. Com ele, você pode embutir a imagem diretamente no código, sem precisar de um arquivo separado nem de uma URL externa.
É muito usado por quem programa: incorporar um ícone pequeno no CSS, embutir uma imagem em um e-mail HTML, salvar um logo dentro de um arquivo de configuração ou evitar uma requisição extra de rede em uma página.
O Base64 é ideal para imagens pequenas — ícones, logos, pequenos gráficos — em que evitar um arquivo separado simplifica o projeto. Para esses casos, embutir a imagem no código é prático.
Para imagens grandes, lembre-se de que o Base64 aumenta o tamanho em cerca de 33% em relação ao arquivo original e não é armazenado em cache como um arquivo normal. Nesse caso, costuma ser melhor manter a imagem como arquivo.
A codificação acontece inteiramente dentro do seu navegador, usando o leitor de arquivos nativo (FileReader). A imagem é lida na memória e convertida em texto ali mesmo, sem nunca subir para a internet.
Isso importa quando a imagem é um material de marca ou algo que você prefere não enviar para serviços de terceiros: o conteúdo permanece no seu dispositivo.
A string completa é exibida em um campo pronto para copiar — basta um clique no botão. A ferramenta também mostra o número de caracteres, útil para você ter ideia do tamanho do Data URI antes de colar no código.
Funciona com PNG, JPG, WEBP, GIF e SVG. O tipo da imagem já vem embutido no início da string (por exemplo, data:image/png;base64,...), então o Data URI funciona direto onde você colar.
Sim. A ferramenta é gratuita e não exige cadastro.
Não. A codificação acontece inteiramente no seu navegador. A imagem não é transmitida para a internet nem fica armazenada.
É um texto que representa a imagem inteira, começando com data:image/...;base64,. Você pode colá-lo direto no CSS, HTML ou código.
PNG, JPG, WEBP, GIF e SVG.
Sim, cerca de 33% maior que o arquivo original. Por isso é mais indicado para imagens pequenas.
Copie e cole onde precisar, por exemplo em background-image: url(...) no CSS ou no atributo src de uma tag img.
Sim. A ferramenta funciona em celulares e tablets, direto no navegador.
Não. Tudo roda no navegador, sem instalar nada e sem extensões.