Converter imagem para Base64
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
PNG, JPEG, WEBP, GIF, SVG
Como converter uma imagem em Base64 em 3 passos
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.
Para que serve o Base64 de uma imagem
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.
Quando vale a pena (e quando não)
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 imagem não é enviada
A codificação acontece no navegador; a imagem não sai do seu aparelho.
Por que o limite é de 10 MB
É o menor limite do site, e não é arbitrário: Base64 representa dados binários usando só caracteres de texto, e isso custa espaço — a string resultante fica cerca de um terço maior que o arquivo original.
Uma imagem de 10 MB vira uma string de mais de 13 MB. Colar isso dentro de um HTML ou de um CSS deixa o arquivo pesado e difícil de editar, então o limite existe tanto por memória quanto por bom senso de uso.
Quando compensa, e quando não
Compensa em imagens pequenas — ícones, logotipos, um selo de assinatura em e-mail — onde embutir evita uma requisição de rede a mais e o risco de o arquivo externo sumir.
Não compensa em fotografia: além do inchaço, a imagem embutida não pode ser guardada em cache pelo navegador separadamente da página, então ela é rebaixada a cada carregamento. Para foto, o caminho é hospedar o arquivo e referenciar a URL.
Casos de uso
- Embutir um ícone pequeno diretamente no CSS
- Incluir uma imagem em um e-mail HTML
- Evitar uma requisição de rede extra para um logo pequeno
- Salvar uma imagem dentro de um arquivo de configuração ou JSON
- Testar rapidamente uma imagem como Data URI
Perguntas frequentes
O que é um Data URI?
É um texto que representa a imagem inteira, começando com data:image/...;base64,. Você pode colá-lo direto no CSS, HTML ou código.
Quais formatos são aceitos?
PNG, JPG, WEBP, GIF e SVG.
O Base64 fica maior que a imagem?
Sim, cerca de 33% maior que o arquivo original. Por isso é mais indicado para imagens pequenas.
Como uso a string?
Copie e cole onde precisar, por exemplo em background-image: url(...) no CSS ou no atributo src de uma tag img.
Perguntas gerais sobre o site
- É grátis?
- Sim, sem cadastro, sem limite de uso e sem marca d’água.
- Funciona no celular?
- Sim, direto no navegador do Android ou do iPhone.
- Preciso instalar algo?
- Não. Nenhum programa, nenhuma extensão.
- Meu arquivo é enviado para algum servidor?
- Nas ferramentas marcadas como locais, não — o arquivo não sai do seu aparelho. Só três ferramentas usam servidor, e isso é dito na própria página.
Como isso funciona por dentro, e o que o site não faz, está em Sobre.