Imagem para Base64

Todas as ferramentas

Solte uma imagem aqui ou clique para escolher um arquivo

PNG, JPEG, GIF, WebP, SVG, AVIF — processamento local, nada é enviado.

Sobre o conversor de imagem para Base64

A codificação Base64 transforma os dados binários de uma imagem em texto, permitindo embutir a imagem diretamente em HTML, CSS, JSON ou Markdown como data URI em vez de servi-la como arquivo separado.

Este conversor lê seu arquivo localmente com a API FileReader e produz o data URI completo, o conteúdo Base64 puro e trechos CSS e HTML prontos para colar. A imagem nunca sai do seu dispositivo.

Como converter uma imagem para Base64

  1. Solte uma imagem na área de upload ou clique para escolher um arquivo.
  2. Confira a pré-visualização e a informação de sobrecarga de tamanho.
  3. Copie o data URI, o Base64 puro ou o trecho CSS ou HTML que precisar.
  4. Para o caminho inverso, cole um data URI no campo de decodificação e pré-visualize-o.

Dicas

  • Base64 adiciona cerca de 33% ao tamanho do arquivo — embuta apenas imagens pequenas como ícones e logos.
  • Imagens embutidas não são cacheadas separadamente; são baixadas de novo com cada página que as incorpora.
  • Comprima ou redimensione a imagem primeiro: a codificação não reduz nada.
  • Para ícones simples, o SVG inline costuma vencer um PNG em Base64 tanto em tamanho quanto em nitidez.

Guias relacionados

Entenda o workflow por trás desta ferramenta e o que revisar depois.

Verificações antes de embutir imagens em Base64

Embutir elimina uma requisição, mas aumenta a página e bloqueia o cache. Confirme se a troca vale a pena para cada recurso.

Embuta apenas imagens pequenas

Base64 adiciona cerca de 33% de sobrecarga e a string incha o HTML ou CSS. Embuta ícones e gráficos pequenos, não fotos.

Considere o impacto no cache

Uma imagem embutida é baixada de novo com cada documento em vez de ser cacheada uma vez como arquivo separado.

Comprima antes de codificar

Base64 não comprime nada. Otimize ou redimensione a imagem primeiro e depois codifique o arquivo menor.

Prefira SVG quando possível

Para ícones simples, o SVG inline costuma ser menor e mais nítido que uma imagem raster em Base64.

Privacidade e uso

Verificações rápidas sem conta

Toolinix foi feito para tarefas curtas de desenvolvimento: cole uma amostra segura, revise o resultado, copie o que precisa e siga em frente.

Sem login

Você pode usar as ferramentas sem criar conta, assinar newsletter ou salvar um workspace.

Local quando possível

Formatadores, geradores, codificadores e utilitários de texto geralmente rodam no navegador. Diagnósticos de rede podem precisar de uma consulta assistida pelo servidor para verificar URLs, domínios ou IPs públicos.

Não cole segredos

Não cole senhas de produção, chaves privadas, tokens de acesso, dados de clientes ou dados regulados em ferramentas online, a menos que sua própria política de segurança permita.

Ferramentas relacionadas

Você também pode achar essas ferramentas úteis.

Perguntas frequentes de imagem para Base64

Minha imagem é enviada a um servidor?
Não. O arquivo é lido localmente no navegador com a API FileReader e nunca é transmitido.
Quais formatos são suportados?
Qualquer um que o seu navegador consiga abrir como imagem — PNG, JPEG, GIF, WebP, SVG, AVIF e outros.
Por que a string Base64 é maior que o meu arquivo?
Base64 representa cada 3 bytes como 4 caracteres, o que adiciona cerca de 33% de sobrecarga antes da compressão.
Quando devo usar um data URI?
Para imagens pequenas que mudam pouco, onde economizar uma requisição HTTP importa mais que o cache — ícones, placeholders ou imagens de e-mail.