Conversor de Imagem para Base64
Transforme uma imagem em uma string Base64 ou em uma data URI pronta para colar, sem enviá-la a lugar nenhum.
Converter uma imagem para Base64 online
Embutir uma imagem como Base64 permite que ela viaje dentro de texto: um e-mail em HTML, um arquivo CSS, um payload JSON ou uma única página HTML autossuficiente. O navegador lê a imagem direto da string, então não há arquivo extra para hospedar nem requisição de rede a mais.
Esta página abre o Codificador e Decodificador Base64 na aba Arquivo, com o prefixo de data URI ativado. A codificação acontece inteiramente no seu navegador.
Onde colar o resultado
| Onde | Exemplo |
|---|---|
| Imagem em HTML | <img src="data:image/png;base64,iVBORw0…" alt="Logo"> |
| Fundo em CSS | background-image: url("data:image/svg+xml;base64,PHN2Zy…"); |
| Campo JSON | {"avatar": "iVBORw0KGgo…"} (normalmente sem o prefixo) |
| Markdown |  quando o renderizador permite |
Quando embutir é uma boa ideia
- Ícones e logotipos pequenos, de poucos kilobytes, em que uma requisição extra custa mais que o aumento de tamanho.
- E-mails em HTML, em que imagens externas muitas vezes são bloqueadas por padrão (o suporte a data URIs varia entre clientes de e-mail, então teste antes).
- Arquivos autossuficientes, como relatórios exportados ou demos offline.
- APIs que só aceitam imagens como Base64 dentro de JSON.
Quando não é
Fotos grandes crescem um terço e deixam de poder ficar em cache separadamente da página ou da folha de estilo que as contém, então cada visualização de página as baixa de novo. Para qualquer coisa acima de uns 10 a 20 KB em um site, um arquivo de imagem normal, de preferência convertido com PNG para WebP ou JPG para WebP, é a opção mais rápida.
SVG: considere não usar Base64
O SVG já é texto. No CSS, muitas vezes dá para embuti-lo com codificação de URL em vez de Base64, o que fica menor, por exemplo url("data:image/svg+xml,%3Csvg …%3E"). O Codificador de URL cuida dessa codificação.
Voltando de Base64 para imagem
Para recuperar a imagem a partir de uma string, cole-a em Decodificar Base64: as imagens aparecem em prévia e podem ser baixadas com a extensão correta.