Imagem para Base64
Converta imagens em strings codificadas em Base64
Imagem de entrada
Selecione ou arraste uma imagem
Arquivos de imagem de até 10 MiB. JPG, PNG, GIF, WebP, SVG e outros formatos de imagem.
Informações do arquivo
- Nome
- —
- Tamanho
- 0 B
- Tipo MIME
- —
- Dimensões
- —
Sobre a codificação Base64
- Incorpore imagens diretamente em HTML, CSS ou JSON sem arquivos externos
- Útil para modelos de e-mail, URIs de dados e respostas de API
- A codificação Base64 aumenta o tamanho do arquivo em aproximadamente 33%
- Ideal para imagens pequenas, como ícones, logotipos ou miniaturas
Resultado Base64
Envie uma imagem para ver o resultado Base64.
0 caracteres
Envie uma imagem para ver o resultado Base64.
Exemplos de uso
Os exemplos foram encurtados para exibição. Os botões de cópia copiam o HTML ou CSS completo.
Sobre o conversor de imagem para Base64
Nosso conversor de imagem para Base64 gratuito transforma arquivos de imagem em strings de texto codificadas em Base64, que podem ser incorporadas diretamente em HTML, CSS, JavaScript ou JSON. Basta enviar ou arrastar e soltar uma imagem, e a ferramenta gera na hora um data URI completo, pronto para usar no seu código.
Codificar em Base64 converte dados binários de imagem em um formato de texto que usa um alfabeto de 64 caracteres. Isso permite incluir imagens diretamente em documentos baseados em texto, eliminando requisições separadas de arquivos de imagem. Embora a codificação Base64 aumente o tamanho dos dados em cerca de 33%, a troca compensa para imagens pequenas, como ícones, logotipos e miniaturas, em que reduzir requisições HTTP melhora o carregamento da página.
O conversor processa suas imagens inteiramente no navegador, usando a API FileReader. Nenhum dado de imagem é enviado a um servidor, o que torna o uso totalmente seguro para codificar gráficos proprietários, capturas de tela confidenciais ou qualquer conteúdo visual sensível. A ferramenta aceita os principais formatos de imagem com até 10MB.
Principais recursos
- Suporte a JPG, PNG, GIF, WebP, SVG e outros formatos de imagem
- Seleção de arquivo por arrastar e soltar ou por clique
- Conversão instantânea no lado do cliente, sem nenhum envio a servidores
- Prévia da imagem ao vivo ao lado da saída em Base64
- Saída em data URI completo, com o cabeçalho do tipo MIME
- Cópia com um clique de toda a string Base64 para a área de transferência
- Download da string Base64 como arquivo de texto
- Exibição das informações do arquivo (nome, tamanho, tipo)
- Trechos de código HTML e CSS prontos para usar
- Tamanho máximo de arquivo de 10MB, com validação de formato
Como usar o conversor de imagem para Base64
- Envie sua imagem: Clique na área de envio ou arraste e solte um arquivo de imagem. Os formatos aceitos incluem JPG, PNG, GIF e WebP, com até 10MB.
- Veja a prévia: A ferramenta exibe uma prévia da imagem enviada junto com as informações do arquivo (nome, tamanho e tipo).
- Copie a string Base64: Clique no botão Copiar para copiar o data URI completo para a área de transferência, pronto para colar no seu código.
- Baixe como texto: Clique no botão Baixar para salvar a string Base64 como um arquivo de texto para uso posterior.
- Use os trechos de código: Consulte os exemplos de uso em HTML e CSS exibidos abaixo da saída para integrar a imagem codificada ao seu projeto.
- Limpe e converta outra: Clique no botão X do cartão de informações do arquivo para remover a imagem atual e iniciar uma nova conversão.
Casos de uso
- Incorporar ícones em HTML: Converta ícones e logotipos pequenos para Base64 e inclua-os diretamente no HTML por meio de tags img com data URI, eliminando requisições HTTP adicionais.
- Imagens de fundo em CSS: Codifique imagens decorativas e use-as como valores inline de background-image no CSS para reduzir dependências de arquivos externos.
- Design de modelos de e-mail: Incorpore imagens diretamente em modelos de e-mail HTML para garantir que elas apareçam mesmo quando os clientes de e-mail bloqueiam imagens externas.
- APIs e payloads JSON: Inclua dados de imagem em respostas ou requisições de API JSON quando não houver endpoints de envio de arquivos.
- Aplicações de arquivo único: Crie arquivos HTML independentes com todas as imagens incorporadas em Base64, ideais para documentação, relatórios ou ferramentas offline.
- Arquivos de configuração: Codifique imagens pequenas para incluí-las em arquivos de configuração, variáveis de ambiente ou modelos de infraestrutura como código.
- Progressive Web Apps: Armazene em cache imagens críticas como strings Base64 em service workers ou no armazenamento local para renderização offline instantânea.
Perguntas frequentes
O que é a codificação Base64 de imagens?
A codificação Base64 converte dados binários de imagem em uma string de texto ASCII. O resultado pode ser usado como data URI em tags img de HTML, em propriedades de fundo do CSS ou incluído em payloads JSON, permitindo que imagens sejam transmitidas e armazenadas como texto simples.
A codificação Base64 aumenta o tamanho do arquivo?
Sim, a codificação Base64 aumenta o tamanho dos dados em cerca de 33%, porque usa 4 caracteres de texto para representar cada 3 bytes de dados binários. Por isso, a incorporação em Base64 é recomendada principalmente para imagens pequenas, como ícones e logotipos.
Quando devo usar imagens em Base64 em vez de arquivos de imagem comuns?
Use Base64 para imagens pequenas (abaixo de 10-20KB) em que reduzir requisições HTTP seja vantajoso, para modelos de e-mail em que imagens externas podem ser bloqueadas, ou quando você precisar de documentos HTML independentes. Para imagens maiores, referenciar arquivos comuns é mais eficiente.
Esta ferramenta é gratuita?
Sim, este conversor de imagem para Base64 é totalmente gratuito. Não há limite de conversões, não é preciso se cadastrar e nenhuma marca d'água ou restrição é aplicada à sua saída.
Meus dados estão seguros?
Sim. Suas imagens são processadas inteiramente no seu navegador, com a API FileReader do JavaScript. Nenhum dado de imagem é enviado nem armazenado em qualquer servidor, o que torna esta ferramenta totalmente segura para imagens sensíveis ou proprietárias.
Qual é o tamanho máximo do arquivo?
Esta ferramenta aceita imagens de até 10MB. Na prática, a codificação Base64 é mais vantajosa para imagens com menos de 20KB. Imagens maiores ficam melhor como arquivos comuns, para não inflar seu HTML ou CSS.
Dicas e boas práticas
- Otimize as imagens primeiro: Comprima e redimensione suas imagens antes de converter para Base64. Arquivos de origem menores geram strings Base64 mais curtas e eficientes.
- Use apenas em imagens pequenas: Base64 é ideal para ícones, logotipos e miniaturas com menos de 10-20KB. Para imagens maiores, referências a arquivos externos oferecem melhor desempenho.
- Copie o data URI completo: A saída inclui o prefixo completo data:image/[format];base64, e fica pronta para colar direto no HTML ou no CSS, sem modificações.
- Confira os trechos de código: Use os exemplos de HTML e CSS fornecidos como modelos para integrar a imagem em Base64 ao seu projeto.
- Pense no cache: Imagens em Base64 incorporadas ao HTML ou ao CSS ficam em cache junto com o documento, enquanto imagens externas podem ser armazenadas em cache de forma independente. Escolha a abordagem que melhor se encaixa na sua estratégia de cache.
- Baixe como backup: Use o botão Baixar para salvar o arquivo de texto Base64 como backup, principalmente para imagens usadas em vários projetos.