Imagem para Base64

Codifique imagens em data URIs Base64. Incorpore imagens diretamente em HTML/CSS sem arquivos externos. 100% privado.

Drop an image here or click to browse

About Image to Base64

Converta imagens em data URIs codificados em Base64. Útil para incorporar pequenas imagens inline em e-mails HTML, fundos CSS ou páginas web de arquivo único.

Codificação Instantânea

Envie qualquer imagem e obtenha seu data URI Base64 instantaneamente. Suporta formatos JPG, PNG, WebP, GIF e SVG.

Incorporação Inline

Perfeito para incorporar pequenas imagens diretamente em atributos src de HTML, URLs de background-image de CSS ou páginas web de arquivo único.

100% Privado

A API FileReader lê a imagem inteiramente no seu navegador. Zero bytes são enviados para qualquer servidor — seus arquivos permanecem locais.

Copiar e Baixar

Copie o data URI para a área de transferência com um clique ou baixe como um arquivo .txt para usar em seus projetos.

📋 Common Use Cases

Incorporação de Imagem Inline em HTML

Converta pequenos ícones e logotipos em strings Base64 para incorporar diretamente em HTML sem solicitações de arquivos de imagem separados.

Otimização de Imagem de Fundo CSS

Codifique imagens como data URIs para propriedades de fundo CSS para eliminar solicitações HTTP extras no carregamento da página.

Gráficos de Assinatura de E-mail

Incorpore pequenas imagens ou logotipos como Base64 em assinaturas HTML de e-mail para exibição confiável em todos os clientes de e-mail.

Manipulação de Dados de Imagem em JavaScript

Gere strings Base64 para armazenar dados de imagem em variáveis JavaScript para operações de canvas ou renderização dinâmica.

🪜 How to Use This Tool

  1. Envie sua imagem
    Selecione qualquer arquivo de imagem até o limite de memória do seu navegador — JPG, PNG, WebP, GIF e SVG são suportados.
  2. A codificação acontece instantaneamente
    A imagem é convertida em uma string de data URI Base64 automaticamente, sem botões para clicar.
  3. Copie o data URI
    Clique no botão de copiar para copiar a string completa do data URI para a área de transferência, incluindo o prefixo do tipo MIME.
  4. Cole no seu código
    Use o data URI diretamente em atributos src de HTML, valores url() de CSS ou variáveis JavaScript.

📚 Related Guides

Frequently Asked Questions

Esta ferramenta de imagem é realmente gratuita?▼
Sim. Todas as ferramentas de imagem são completamente gratuitas. Sem cadastro, sem conta, sem pagamento. Todo o processamento acontece no seu navegador.
Minhas imagens são enviadas para um servidor?▼
Não. Todo o processamento de imagem acontece localmente no seu navegador. Suas imagens nunca saem do seu dispositivo. Isso é especialmente importante para fotos sensíveis, documentos de identidade e documentos pessoais.
Como funciona o removedor de fundo com IA?▼
Ele usa a biblioteca @imgly/background-removal que executa uma rede neural IS-Net inteiramente no seu navegador via WebAssembly. O primeiro uso baixa um modelo de ~10MB (armazenado em cache para visitas futuras). Nenhum dado de imagem é enviado para qualquer servidor.
Quais formatos de arquivo são suportados?▼
JPEG, PNG, WebP, SVG, GIF, BMP e HEIC. A conversão entre todos os formatos é suportada. Os recursos de IA funcionam em entradas JPEG e PNG.
Qual é o tamanho máximo da imagem?▼
Imagens de até ~4000x4000px são processadas suavemente em dispositivos modernos. Imagens muito grandes podem ser mais lentas. Para processamento em lote, recomenda-se até 20 imagens por vez.