Como usar
- Escolha uma imagem, solte-a aqui ou cole-a com Ctrl+V.
- Escolha a saída — Data URI, Só Base64, Fundo CSS, HTML <img> ou Markdown.
- Copie o resultado.
- Para fazer o caminho inverso, cole um data URI ou uma string Base64 em Base64 para imagem.
Opções explicadas
- Data URI
- A string completa data:image/png;base64,…, que pode ser usada em qualquer lugar que aceite uma URL.
- Só Base64
- Apenas os dados codificados, sem o prefixo data:…;, para APIs e campos JSON que esperam Base64 puro.
Exemplos
| Saída | Resultado |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Perguntas frequentes
Quanto o Base64 aumenta o tamanho de uma imagem?
Cerca de um terço. O Base64 usa quatro caracteres para cada três bytes, então uma imagem de 30 KB vira cerca de 40 KB de texto.
Quando vale a pena embutir uma imagem em Base64?
Para ícones pequenos e imagens de poucos kilobytes, embutir economiza uma requisição de rede. Imagens maiores ficam melhor como arquivos separados, porque podem ser armazenadas em cache e não incham o HTML nem o CSS.
Quais formatos são suportados?
Qualquer imagem que o seu navegador consiga ler, incluindo PNG, JPEG, GIF, WebP, SVG, AVIF e ICO. Na decodificação, o formato é reconhecido pelos próprios dados quando o tipo MIME está ausente.
Minhas imagens são enviadas para algum servidor?
Não. A codificação e a decodificação acontecem no seu navegador.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.