Arraste uma imagem ou clique para selecionar
PNG, JPEG, GIF, WebP, SVG, BMP
Como funciona
Converte uma imagem em uma cadeia Base64 na forma de Data URI (data:image/…;base64,…), que você pode incorporar diretamente em HTML ou CSS sem um arquivo separado nem uma requisição HTTP adicional.
O resultado ocupa cerca de 33% a mais que o arquivo original, por isso convém reservá-lo para imagens pequenas: ícones, logos, padrões ou placeholders.
No modo decodificação aceita uma cadeia Base64 ou um Data URI completo, detecta o tipo de imagem pelos seus primeiros bytes e mostra uma pré-visualização baixável.
Exemplos
logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…O prefixo data:image/png;base64, indica o tipo. Todo PNG codificado começa com iVBORw0KGgo, que corresponde à sua assinatura de arquivo.background-image: url("data:image/png;base64,iVBORw0KGgo…");O Data URI pode ser usado tal como está dentro de uma regra CSS para incorporar a imagem sem um arquivo externo.Casos de uso
- Incorporar ícones ou logos pequenos em CSS/HTML por meio de data URIs, evitando requisições extras.
- Guardar uma imagem dentro de um JSON, um arquivo de configuração ou um banco de dados.
- Enviar imagens por APIs ou e-mails (MIME) que só aceitam texto.
- Recuperar e pré-visualizar uma imagem a partir de uma cadeia Base64 ou um Data URI.
Perguntas frequentes
Convém converter todas as imagens para Base64?
Não. Aumenta o tamanho cerca de 33% e o navegador não pode armazenar a imagem em cache separadamente. É ideal para imagens pequenas, mas para as grandes quase sempre convém um arquivo separado.
Quais formatos de imagem ele suporta?
Qualquer um ao codificar (PNG, JPEG, GIF, WebP, BMP, SVG). Ao decodificar, detecta automaticamente o tipo a partir dos primeiros bytes do arquivo.
Por que meu Data URI é tão longo?
Porque o Base64 representa cada 3 bytes com 4 caracteres, então o texto cresce cerca de 33% em relação ao binário original. É normal, sobretudo em imagens.
Minha imagem é enviada a um servidor?
Não. A imagem é lida e codificada inteiramente no seu navegador; nunca sai do seu computador.