🖼️Imagem ↔ Base64

Carregando...

Codificar imagens como Base64 permite incorporá-las diretamente em HTML, CSS ou JSON como texto simples, sem a necessidade de um arquivo separado. Solte ou cole uma imagem e esta ferramenta gera instantaneamente uma Data URL, string Base64 bruta, tag img HTML, valor de fundo CSS e sintaxe de imagem Markdown.

Como usar

1
Carregar uma imagem
Arraste e solte um arquivo de imagem na zona, clique para navegar ou cole uma captura de tela da área de transferência (Ctrl+V).
2
Verificar a pré-visualização
Revise a visualização da imagem junto com o nome do arquivo, tipo, tamanho, dimensões e tamanho Base64.
3
Copiar o formato necessário
Clique no botão de copiar ao lado de Data URL, Base64, tag img HTML, fundo CSS ou Markdown.

Dicas

💡Mais adequado para ícones e logotipos pequenos. Imagens grandes produzem strings Base64 imensas que podem afetar o desempenho.
💡Copie o valor de fundo CSS e cole-o diretamente em um estilo em linha ou arquivo CSS.
💡Todo o processamento acontece no seu navegador — suas imagens nunca são carregadas em um servidor.
💡Use a guia 'Base64 → Imagem' para fazer o inverso: cole uma string Base64 ou Data URL para visualizar e baixar como um arquivo de imagem.

Perguntas frequentes

Q. A codificação Base64 aumenta o tamanho do arquivo?: A. Sim. Base64 converte binário em texto ASCII, aumentando o tamanho em aproximadamente 33%. É adequado apenas para ícones pequenos.
Q. Onde Data URIs são usadas?: A. São inseridas diretamente em HTML (<img src="data:...">) ou CSS (background-image), eliminando requisições HTTP adicionais. Útil para páginas de arquivo único ou templates de e-mail.
Q. A imagem é enviada para algum servidor?: A. Não. Todo o processamento é local no navegador usando a FileReader API. Seus dados nunca saem do dispositivo.