Conversor de Imagem para Base64 Online Grátis
Converta imagens para string Base64 ou data URI online. Copie direto para HTML, CSS, JSON ou chamadas de API, com codificação 100% privada, direto no dispositivo.
100% privado. Nada é enviado.
Como Converter uma Imagem para Base64 em 3 Passos
Envie sua imagem
Arraste um arquivo JPG, PNG, WebP, GIF ou SVG para a caixa, ou clique para escolher um. O arquivo é lido no seu dispositivo.
Copie o Resultado
Você recebe a URL de Dados Completa (data:image/…;base64,…) e Apenas a String Base64, além do tamanho do arquivo e do tamanho em Base64. Clique em Copiar ao lado da que precisar.
Cole no Seu Código
Use a data URL em um src de img HTML ou em um url() de CSS. Use a string Base64 pura para corpos JSON e chamadas de API.
Principais recursos
Copiar com Um Clique
Data URI e Base64 Bruto
- Arquivos Ficam no Seu Dispositivo
- JPG, PNG, WebP, GIF, SVG
- Grátis, Sem Conta
Quando usar imagens codificadas em Base64
CSS e Estilização
- Incorpore ícones pequenos no CSS como data URIs em background-image
- Insira um spinner de carregamento ou imagem placeholder em uma folha de estilos
- Distribua os ícones de UI de uma biblioteca de componentes dentro do seu CSS
- Adicione um padrão ou textura SVG sem um arquivo separado
HTML e Documentos
- Coloque uma imagem embutida em um src de img HTML como data URI
- Crie páginas HTML de arquivo único que funcionam sem outros arquivos
- Adicione logos ou gráficos a relatórios HTML compartilhados como um único arquivo
- Mostre imagens de teste em demos e protótipos sem hospedá-las
APIs e código
- Envie imagens em payloads JSON que esperam texto Base64
- Anexe imagens a requisições de APIs de visão de IA que aceitam entrada em Base64
- Armazene imagens pequenas em campos de texto de um banco de dados ou arquivo de configuração
- Carregue uma imagem de teste em JavaScript sem uma requisição de arquivo separada
O Que É a Codificação Base64 de Imagens?
A codificação Base64 transforma os bytes de um arquivo de imagem em texto simples composto por 64 caracteres: A–Z, a–z, 0–9, + e /. Esse texto pode ficar dentro de HTML, CSS ou JSON, onde um arquivo não poderia. Não é compressão nem mudança de formato. A imagem continua exatamente a mesma, mas o texto fica cerca de um terço maior que o arquivo.
Imagem para Base64 para HTML, CSS e APIs
O conversor gera duas strings: a URL de Dados Completa e Apenas a String Base64. Veja onde usar cada uma, e quando vale a pena embutir uma imagem.
Como Usar uma Imagem Base64 em HTML ou CSS?
Copie a URL de Dados Completa para HTML e CSS. Copie Apenas a String Base64 para JSON e a maioria das APIs.
- HTML: cole a URL de Dados Completa como o src de uma tag img, como src="data:image/png;base64,iVBOR…".
- CSS: envolva a URL de Dados Completa em url(), como background-image: url("data:image/png;base64,iVBOR…").
- JSON e APIs: envie Apenas a String Base64. Se a API pedir o tipo, coloque em um campo separado, como image/png.
Quando Usar Imagens Base64?
Use Base64 para imagens pequenas que precisam viajar dentro de um arquivo de texto. Evite para fotos e imagens grandes.
- Bom uso: ícones, logos e placeholders de poucos KB, onde evitar uma requisição extra de arquivo faz diferença.
- Bom uso: páginas HTML de arquivo único, relatórios e demos que precisam funcionar sem outros arquivos.
- Bom uso: APIs e payloads JSON que só aceitam texto.
- Mau uso: fotos e imagens grandes. Elas inflam o HTML ou CSS, e o navegador não consegue fazer cache delas separado da página.
Quanto Maior o Base64 Deixa uma Imagem?
O Base64 transforma cada 3 bytes em 4 caracteres, então o texto fica cerca de 33% maior que o arquivo. Uma imagem de 30 KB vira cerca de 40 KB em Base64. Depois de converter, a ferramenta mostra os dois tamanhos lado a lado. Para manter a string curta, reduza o arquivo antes com o compressor de imagens.
Imagens Base64 Funcionam em E-mail?
Não de forma confiável. É amplamente relatado que o Gmail remove imagens Base64 do corpo da mensagem, e o suporte varia entre outros aplicativos de e-mail. Para e-mail, use um link para uma imagem hospedada ou anexe-a como imagem embutida (CID).
Ferramentas de desenvolvedor relacionadas
Ferramentas para preparar uma imagem antes de codificá-la.
Base64 para Imagem
Transforme uma string Base64 ou data URI de volta em uma imagem que você pode visualizar e baixar.
Conversor de Imagens
Mude o formato da imagem antes de codificá-la.
Visualizador de metadados de imagem
Veja os dados EXIF e outros metadados armazenados em um arquivo de imagem.
Compressor de imagens
Reduza o arquivo de imagem primeiro, para deixar a string Base64 mais curta.
Perguntas Frequentes sobre Imagem para Base64
Dúvidas comuns sobre converter imagens em Base64 e data URIs
Posso converter Base64 de volta em imagem?
Sim. Cole a string no conversor de Base64 para Imagem para visualizá-la e baixá-la como arquivo. Ele aceita uma data URI completa ou uma string Base64 pura.
Qual a diferença entre uma data URI e uma string Base64?
Uma data URI (também chamada de data URL) é a string Base64 com um prefixo que indica o tipo de arquivo, como data:image/png;base64, seguido da string. Uma string Base64 pura não tem prefixo. Use a data URI em HTML e CSS. Use a string pura para APIs que recebem o tipo em um campo separado. A ferramenta as mostra como URL de Dados Completa e Apenas a String Base64, cada uma com seu próprio botão Copiar.
Existe limite de tamanho para imagens em Base64?
O conversor não tem limite de tamanho próprio. Imagens grandes ainda geram strings muito longas, o que deixa editores de código e páginas mais lentos ao carregá-las. Mantenha imagens embutidas em poucos KB e use links para arquivos maiores.
Posso converter SVG para Base64?
Sim. Arraste um arquivo SVG e você recebe uma data URI que começa com data:image/svg+xml;base64. Funciona em uma tag img e em url() de CSS. Para CSS, um SVG codificado em URL costuma ser mais curto que Base64, já que o SVG já é texto.
Posso copiar ou baixar a string Base64?
Você pode copiá-la. A URL de Dados Completa e Apenas a String Base64 têm cada uma um botão Copiar. Não há botão de download, então, para salvar o resultado, cole-o em um arquivo de texto. Clique em Mostrar string completa para ver toda a data URL na página.
Quais formatos de imagem posso converter para Base64?
Qualquer arquivo que seu navegador leia como imagem, incluindo JPG, PNG, WebP, GIF, SVG, AVIF, BMP e ICO. O codificador mantém o arquivo exatamente como está: não redimensiona, não recomprime e não muda o formato. Se nada acontecer depois de soltar um arquivo, seu navegador não o reconheceu como imagem.