Sobre Imagem para Base64
Base64 transforma os bytes de uma imagem em texto, que é exatamente o que você precisa quando um sistema aceita uma string mas não o envio de um arquivo: um fundo de CSS, uma fonte de imagem inline, um campo JSON, um modelo de e-mail HTML ou uma coluna de banco de dados. Este conversor lê a imagem localmente com FileReader e grava a URL de dados completa ou o payload Base64 bruto, para você escolher o formato que o sistema receptor espera.
O texto codificado costuma ser cerca de um terço maior que o arquivo original, o que importa para o peso da página e os limites de tamanho de e-mail. O painel informa a contagem de caracteres antes de copiar, então uma imagem principal grande demais fica óbvia em vez de surpreendente. A entrada SVG é devolvida como texto de marcação e funciona como URL de dados, embora alguns sistemas bloqueiem URLs de dados SVG por motivos de segurança.
O que esta ferramenta faz
Os detalhes que importam quando você usa Imagem para Base64 no trabalho real.
URL de dados ou Base64 bruto
Escolha a string completa data:image/...;base64,... para HTML e CSS, ou apenas o payload codificado para APIs e campos JSON.
JPG, PNG, WebP, GIF e SVG
Qualquer imagem web comum pode ser codificada, incluindo GIFs animados e arquivos SVG vetoriais, e o tipo de mídia original é mantido na URL de dados.
Caracteres e tamanho codificado
O tamanho do arquivo selecionado, a contagem de caracteres Base64 e o tamanho codificado em bytes aparecem lado a lado para você avaliar primeiro o impacto no peso da página.
Copiar ou baixar como texto
Copie a string completa para a área de transferência ou baixe como arquivo .txt para repositórios, modelos de e-mail e documentação.
A codificação fica na aba
O FileReader codifica o arquivo selecionado localmente. A imagem e a string resultante nunca trafegam pela rede.
Como usar Imagem para Base64
Sem conta e sem instalação: todo o trabalho acontece nesta aba do navegador.
- 01
Solte uma imagem
Escolha um arquivo PNG, JPG, WebP, GIF ou SVG de até 10 MB, ou arraste-o para o seletor.
- 02
Escolha o formato de saída
Mantenha URL de dados quando o texto for para HTML ou CSS, ou escolha Base64 bruto para uma requisição de API ou um valor JSON.
- 03
Confira a contagem de caracteres
Leia o tamanho codificado abaixo da prévia. Se a string for enorme, comprima ou redimensione a imagem antes de usá-la inline.
- 04
Copie ou baixe o texto
Use o botão de copiar para a área de transferência ou baixe um arquivo .txt que mantenha a string inteira intacta.
Como esta ferramenta funciona
- Funciona com
- IMAGEM → BASE64
- Processamento
- No cliente, dentro do seu navegador. Nada é enviado.
- Tamanho máximo
- Até 10 MB por imagem
- Requisitos
- Chrome, Edge, Firefox ou Safari no desktop ou no celular
Limitações que vale conhecer
- O texto codificado é cerca de 33% maior que o arquivo de origem, então Base64 combina mal com fotos grandes e imagens principais.
- Só são aceitas imagens de até 10 MB; arquivos maiores devem ser comprimidos ou redimensionados antes.
- GIFs animados são codificados byte a byte, mas alguns clientes de e-mail e campos de CMS não animam GIFs em URL de dados.
Privacidade e tratamento de arquivos
A imagem é lida com a API FileReader do navegador e codificada em memória no seu dispositivo. Ela nunca é enviada ao FormatFlow nem a terceiros, nenhuma cópia é guardada, e fechar ou atualizar a página descarta o arquivo e a string gerada.
Ler a política de privacidade completaPerguntas frequentes sobre Imagem para Base64
Respostas curtas e diretas às dúvidas comuns antes de usar a ferramenta.
Quando devo usar uma URL de dados em vez de um arquivo de imagem normal?
Por que minha string Base64 é maior que o arquivo original?
Converter uma imagem para Base64 muda a qualidade?
Posso colar o resultado direto em um fundo de CSS?
Minha imagem é enviada enquanto é codificada?
Por que uma URL de dados SVG não é exibida em alguns lugares?
Qual é o limite prático de tamanho para Base64 em um navegador?
Para continuar lendo
Guias que explicam as decisões por trás de Imagem para Base64.