Como usar
- Arraste uma imagem PNG, JPG, SVG, WebP ou GIF para a área de upload, ou clique para selecionar os arquivos.
- Verifique a imagem carregada, o tipo MIME, o tamanho original e o tamanho final do Data URI na área de pré-visualização.
- Copie o Data URI completo, a string Base64 pura, o snippet para CSS
background-imageou a tag HTML<img>. - Cole o código gerado em suas folhas de estilo CSS, arquivos HTML, templates de email ou configurações JSON.
Exemplo: clique em "Carregar Exemplo SVG" para gerar um ícone SVG local como Data URI e testar a cópia de snippets HTML/CSS.
Recursos principais
- Geração Instantânea de Data URI: arraste uma imagem e gere o código
data:image/...;base64,...instantaneamente no seu navegador. - CSS e HTML Prontos para Uso: copie trechos de código para CSS
background-imageou HTML<img>sem precisar formatar os prefixos manualmente. - Suporte a Múltiplos Formatos: compatível com PNG, JPG, SVG, WebP, GIF, AVIF e outros formatos suportados pelo navegador.
- Processamento em Lote: carregue vários ícones, imagens de email ou de layout e gerencie individualmente o código gerado para cada arquivo.
- Privacidade 100% Local: os arquivos são lidos na sua máquina usando a API
FileReaderdo navegador, sem nenhum envio para servidores externos.
Ferramentas relacionadas
A Calculadora FIRE 2026 definitiva com ajuste pela inflação. Evite números ilusórios simulando o crescimento dos juros compostos com poder de compra real. Analise as lacunas de poupança e exporte para CSV para seus painéis no Excel ou Notion. 100% privada, com cálculos locais.
Calcule o tamanho da posição de trade a partir do saldo da conta, risco %, preço de entrada e stop loss. Roda localmente no navegador, sem uploads, para comparar cenários de risco antes de operar.
Calcule os juros compostos a partir do capital inicial, aportes periódicos, rendimento anual e prazo. Visualize capital, juros e saldo final com um gráfico interativo local.
Use esta Calculadora de Empréstimo / Financiamento para estimar a parcela mensal, os juros totais e a tabela de amortização localmente. Informe o valor, a taxa e o prazo para calcular agora com gráficos instantâneos.
Use esta Calculadora de Investimento / ROI para estimar capital inicial, aportes mensais, rendimento anual e resultados ajustados pela inflação localmente. Calcule os retornos projetados com gráfico de juros compostos, ROI e tabela anual na hora.
Use esta Calculadora de APR para APY para converter entre APR e APY localmente. Informe uma taxa, escolha a frequência de capitalização e veja a taxa efetiva anual, a diferença e a tabela comparativa na hora.
Use esta Calculadora de Margem de Lucro para calcular lucro bruto, Markup, Margem e preço de venda localmente. Informe custo e preço, ou custo e margem-alvo, e calcule suas margens na hora.
Use esta Calculadora de CPM e CPC para estimar gasto com anúncios, impressões, cliques, CPM, CPC e CTR localmente. Informe orçamento e custos-alvo para planejar cenários de campanha na hora.
Lógica de cálculo
A codificação Base64 converte dados binários de imagem em strings ASCII, permitindo a incorporação direta em arquivos HTML, CSS ou JSON. Um Data URI segue o formato data:[mime-type];base64,[encoded-data], que o navegador lê diretamente como um recurso de imagem.
Compromisso técnico: o Base64 não reduz o tamanho da imagem. A string resultante costuma ser cerca de 33% maior que o arquivo original. Por isso, essa técnica é recomendada para ícones pequenos, logotipos, imagens de email ou para reduzir requisições HTTP em arquivos críticos. Imagens grandes e fotografias devem ser mantidas como arquivos de imagem comuns e otimizadas através de compressores convencionais.
Perguntas frequentes
Por que converter uma imagem em Base64?
O principal benefício é embutir pequenos ícones ou imagens de layout direto no código-fonte, reduzindo requisições HTTP adicionais ou evitando que clientes de email bloqueiem imagens hospedadas externamente.
A codificação Base64 diminui o tamanho da imagem?
Não. A codificação Base64 geralmente aumenta o tamanho em bytes em cerca de 33%. Ela ajuda na incorporação direta e na eficiência de requisições, não na compactação do armazenamento.
Quais formatos de imagem são suportados?
Suporta PNG, JPG, JPEG, SVG, WebP, GIF, AVIF e qualquer outro formato de imagem que o seu navegador consiga renderizar.
As minhas imagens são enviadas para algum servidor?
Não. A conversão utiliza a API nativa FileReader.readAsDataURL do seu navegador, mantendo os arquivos seguros na sua máquina.
Posso copiar o código CSS ou HTML direto?
Sim. Cada imagem gera trechos de código prontos contendo o Data URI completo, a string Base64 bruta, a propriedade CSS background-image e a tag HTML <img>.