Logo Invert Image

Codificador de Imagem Base64

Converta imagens em cadeias de texto para incorporar no código.

Carregar Imagem

Obtenha o Código Base64 Instantaneamente

Apenas no Cliente Fácil para Desenvolvedores

O Que é Codificação Base64

Base64 é um método de codificação que converte dados binários (como imagens) em uma sequência de caracteres ASCII. Isso permite incorporar imagens diretamente em código HTML, CSS, JavaScript ou JSON, sem necessidade de arquivos separados.

Quando Usar Base64

  • Emails HTML: Incorpore imagens diretamente no corpo do email
  • Data URIs: Use imagens em CSS sem requisições HTTP extras
  • APIs: Envie imagens como parte de payloads JSON
  • SVG inline: Inclua imagens raster dentro de SVGs
  • Single-file HTML: Crie documentos HTML autossuficientes

Considerações de Tamanho

A codificação Base64 aumenta o tamanho do arquivo em aproximadamente 33%. Portanto, é mais adequada para imagens pequenas como ícones, logos e thumbnails. Para imagens maiores, arquivos separados geralmente oferecem melhor performance.

Todo o processamento acontece localmente no seu navegador. Suas imagens nunca são enviadas para nossos servidores.

Ferramentas Relacionadas

Codificador Base64

Você Está Aqui

Conversor de Imagem

Converter entre formatos.

Comprimir Imagem

Reduza o tamanho antes de codificar.

Codificar imagens em Base64 — incorpore em HTML, CSS ou JSON

Transforme uma imagem em uma string Base64 que você cola direto no HTML, CSS ou JSON. Imagens incorporadas viajam dentro do próprio código: sem requisições de arquivo separadas, sem links quebrados e sem se preocupar com hotlinking.

O codificador mostra o tamanho resultante para você fazer a troca clássica sabendo do que se trata: Base64 pesa um terço a mais que o arquivo binário, um bom negócio para ícones pequenos e um mau negócio para fotos de capa.

Para que as pessoas usam

  • Incorporar ícones e logos pequenos em HTML e CSS
  • Inserir imagens em APIs JSON e templates de e-mail
  • Criar páginas web autocontidas em um único arquivo
  • Data URIs para canvas e apps offline

Perguntas frequentes

Como incorporo uma imagem em Base64?

Envie a imagem, copie o data URI gerado e cole em um ou em um background-image do CSS. Renderiza idêntico à versão em arquivo.

Quando NÃO devo usar Base64?

Para fotos grandes: o formato adiciona ~33% de tamanho e o navegador não consegue cachear separado. Abaixo de ~10 KB costuma valer a pena.

Quais formatos podem ser codificados?

Qualquer um que o navegador leia: PNG, JPG, WebP, GIF, SVG e mais.

O resultado é seguro para JSON?

Sim — Base64 usa só letras, dígitos e poucos símbolos, então atravessa JSON sem problemas de escape.