Conversor de Imagem para Base64 - Gerador de Data URI Local

Converta imagens PNG, JPG, SVG, WebP ou GIF em Data URIs para fundos CSS e tags HTML img localmente. Processamento local no navegador, seguro e privado, sem upload.

Clique para o modo cinema

Resultados da Conversão

Carregue uma imagem para visualizar o Data URI, CSS e código HTML.

Como usar

  1. Arraste uma imagem PNG, JPG, SVG, WebP ou GIF para a área de upload, ou clique para selecionar os arquivos.
  2. Verifique a imagem carregada, o tipo MIME, o tamanho original e o tamanho final do Data URI na área de pré-visualização.
  3. Copie o Data URI completo, a string Base64 pura, o snippet para CSS background-image ou a tag HTML <img>.
  4. 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-image ou 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 FileReader do navegador, sem nenhum envio para servidores externos.

Ferramentas relacionadas

Conversor de Base64 para Imagem/Arquivo - Codificador e Decodificador + Gerador CSS

Conversor Base64 online: converta arquivos para Data URLs, decodifique strings de volta para download e copie código de fundo CSS. Suporte a WebP, processamento local no navegador, seguro e privado sem upload.
Conversor de Base64 para Imagem - Pré-visualização e Decodificação Local

Decodifique imagens Base64 ou Data URIs no seu navegador, obtenha uma pré-visualização instantânea e faça o download como o arquivo original, PNG, JPG ou WebP. Processamento local no navegador, seguro e privado, sem upload.
Formatador JSON Seguro e Gerador de Tipos - Otimização Local

Formatador JSON seguro: formate, valide e corrija JSON localmente no seu navegador. Embeleze, minifique, detecte erros e gere interfaces TypeScript ou Zod. Processamento local no navegador, seguro e privado, sem upload.
Testador e Avaliador de JSONPath Gratuito | Consultas em Tempo Real

Testador e avaliador de JSONPath gratuito para JSON de API. Extraia nós correspondentes em tempo real, inspecione caminhos e copie resultados JSON com processamento local no navegador, seguro e privado (sem upload).
Conversor de JSON para CSV | Exportação de Planilha Local

Converta objetos ou arrays JSON para CSV localmente no seu navegador. Aplane campos aninhados, visualize o resultado e copie ou baixe o arquivo CSV de forma segura e privada (sem upload de dados).
Conversor de CSV para JSON - Conversão Local em Tempo Real

Converta texto ou arquivos CSV para JSON localmente no seu navegador. Suporte a cabeçalhos, delimitadores de vírgula/ponto e vírgula/tabulação, arquivos por arrastar e soltar. Processamento local no navegador, seguro e privado, sem upload.
Comparador de Diferenças JSON - Comparação Semântica Local

Compare dois documentos JSON localmente no seu navegador. Ordene as chaves dos objetos para uma comparação semântica, ignore diferenças de ordenação e identifique campos adicionados, removidos ou modificados. Processamento local no navegador, seguro e privado, sem upload.
Minificador de JSON & Compressor

Minifique JSON em uma linha, remova recuos e quebras de linha, e compare o tamanho original, tamanho minificado, bytes economizados e porcentagem salva. Seguro e privado com processamento local no navegador (sem upload).

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>.