Conversor de Imagem para Base64
Transforme uma imagem local em Base64 (ou data URL, CSS background, HTML img ou Markdown prontos para colar) sem enviar nada.
Sobre o Conversor de Imagem para Base64
Transforme uma imagem local em Base64 (ou data URL, CSS background, HTML img ou Markdown prontos para colar) sem enviar nada. Este conversor gratuito le arquivos com FileReader no navegador, assim prints, logos e assets ineditos nao saem do dispositivo. No sentido inverso: cole um data URL ou Base64 puro, visualize e baixe o arquivo.
Como usar o Conversor de Imagem para Base64
- Escolha Imagem → Base64. Solte um arquivo, clique para escolher ou cole um print com Ctrl+V / Cmd+V.
- Revise a pre-visualizacao, o MIME, o tamanho em pixels, o tamanho original vs Base64 e o percentual exato de overhead (~33%).
- Copie a aba Data URL, Base64 puro, CSS background-image, HTML img ou Markdown. Nada e enviado.
- Para inverter: mude para Base64 → Imagem, cole um data URL ou Base64 puro, visualize e baixe o arquivo.
Exemplos de Conversor de Imagem para Base64
Icone pequeno em CSS
Codifique um PNG 16×16, abra a aba CSS e cole background-image: url('data:image/png;base64,...') numa folha de estilos ou template de email.
Colar um print
Copie uma captura para a area de transferencia, foque esta pagina e pressione Ctrl+V / Cmd+V. A ferramenta codifica a imagem da area de transferencia na hora - sem dialogo de salvar.
Decodificar data URL de logs
Cole data:image/webp;base64,... em Base64 → Imagem para visualizar e baixar o arquivo quando voce so tem a string.
Verificar o overhead do Base64
O painel de tamanho mostra bytes originais, comprimento codificado e o percentual exato de aumento para decidir se vale a pena embutir.
Perguntas frequentes sobre o Conversor de Imagem para Base64
- Minha imagem sai do navegador?
- Nao. A codificacao usa a API FileReader do navegador (readAsDataURL). Nao ha endpoint de upload. Voce pode confirmar em DevTools → Rede que converter uma imagem nao cria nenhuma requisicao de saida com o arquivo.
- Como converto uma imagem para Base64 online?
- Solte ou escolha uma imagem (ou cole um print) e copie a aba Base64 puro ou Data URL. Tudo roda no cliente.
- Posso converter Base64 de volta para imagem?
- Sim. Mude para Base64 → Imagem, cole um data:image/...;base64,... ou Base64 puro. A ferramenta detecta o MIME por magic bytes se o prefixo faltar, mostra pre-visualizacao e permite baixar o arquivo.
- Por que Base64 e cerca de 33% maior?
- Base64 codifica cada 3 bytes binarios como 4 caracteres ASCII, entao o texto fica cerca de um terco maior que o arquivo. O painel mostra o overhead exato do seu payload.
- Quando nao devo embutir imagens em Base64?
- Evite embutir fotos grandes ou qualquer coisa acima de ~100 KB em paginas CSS/HTML - bloqueia cache e incha o documento. Prefira URLs de imagem normais; reserve Base64 para icones pequenos, email ou embeds offline.
- Quais formatos sao suportados?
- PNG, JPEG, GIF, WebP, SVG, BMP, ICO e AVIF quando o navegador consegue le-los. O limite suave e 8 MB por arquivo, aplicado localmente antes do FileReader.
Ferramentas relacionadas
Codificador / decodificador Base64
Codificador e decodificador Base64 online grátis. Codifique texto em Base64 ou decodifique Base64 para texto puro, com suporte total a Unicode (UTF-8).
Gerador de hash
Gere hashes SHA-256, SHA-1, SHA-384 e SHA-512 de qualquer texto. Obtenha o digest hexadecimal em minúsculas na hora, no navegador - sem upload.
Minificador de CSS
Minificador de CSS online grátis. Comprima e minifique CSS removendo comentários e espaço em branco - folhas de estilo menores e páginas mais rápidas.