Conversor de imagem para Base64
Converter imagem para Base64 online
Adicione uma ou várias imagens PNG, JPG, WebP, GIF, SVG, AVIF ou BMP. A conversão é feita no seu navegador e o resultado fica pronto para copiar como Base64 puro, Data URI, HTML, CSS, Markdown ou JSON.
Para exibir a imagem em HTML ou CSS, escolha Data URI, que já inclui o prefixo data:image/...;base64. Em Markdown, confirme se a plataforma aceita esse formato. Se uma API pedir apenas a string codificada, use Base64 puro.
Solte suas imagens aqui para converter em Base64
Os arquivos são processados localmente no navegador e não são enviados para um servidor.
Clique para selecionar ou arraste arquivos de imagem. Você pode converter várias imagens de uma só vez.
Prepare a imagem antes de converter
Como converter uma imagem para Base64
Não é preciso instalar nada: escolha os arquivos, aguarde a codificação local e copie a saída certa para o seu projeto.
Selecione as imagens
Arraste os arquivos para a área acima ou clique para escolher uma ou várias imagens no computador ou celular.
Aguarde a conversão
O navegador lê cada arquivo e gera o resultado codificado automaticamente, sem enviar a imagem para outro servidor.
Escolha a saída
Alterne entre Base64 puro, Data URI, HTML, CSS, classe CSS, Markdown e JSON.
Copie e teste
Cole o resultado no HTML, CSS, JSON ou campo da API e confirme se o formato solicitado aceita a string pura ou o Data URI completo.
Uma saída pronta para cada uso
Converta a imagem uma vez e copie o formato adequado, sem montar prefixos MIME ou escapar aspas manualmente.
Base64 puro ou Data URI
Escolha e copie diretamente um dos dois formatos, sem remover ou adicionar o prefixo MIME manualmente.
HTML e Markdown
Copie uma tag <img> ou uma imagem em Markdown já preenchida. O suporte a Data URI em Markdown depende do editor ou da plataforma.
CSS pronto para colar
Gere apenas a propriedade background-image ou uma classe CSS completa para ícones, placeholders e protótipos.
JSON para testes de API
Copie um objeto JSON com a string devidamente delimitada para usar em requisições de exemplo, mocks e testes.
Várias imagens de uma vez
Adicione um conjunto de arquivos, acompanhe cada conversão e copie separadamente apenas o resultado necessário.
Conversão sem upload
A leitura e a codificação acontecem localmente no navegador. As imagens selecionadas não precisam sair do seu dispositivo.
Onde usar uma imagem incorporada
Base64 é útil quando a imagem precisa viajar dentro de um conteúdo de texto. Estes são os usos mais comuns no dia a dia de desenvolvimento.
Imagem incorporada em HTML
Incorpore ícones pequenos, logos ou placeholders em uma página, demonstração ou arquivo HTML que precisa funcionar sozinho.
Imagem incorporada em CSS
Use um Data URI em background-image para manter pequenos elementos visuais dentro da folha de estilos ou de um protótipo.
Imagem em JSON e APIs
Monte payloads de teste, mocks e exemplos de requisição com a imagem incorporada em um campo JSON.
Mocks, fixtures e documentação
Crie exemplos reproduzíveis para testes, webhooks, READMEs e documentação sem depender de um endereço de imagem externo.
Diagnóstico de imagem quebrada
Compare Base64 puro e Data URI para identificar prefixo ausente, tipo MIME incorreto ou string incompleta.
Base64, Data URI ou URL de imagem?
A melhor opção depende de onde a imagem será usada. Essa codificação transforma o arquivo em texto; não compacta, não hospeda e não criptografa o conteúdo.
Use a string pura para campos de dados
Escolha a versão sem prefixo quando a API, o banco de dados ou o backend exigir apenas os dados codificados.
Use Data URI no navegador
Para HTML, CSS e Markdown, o prefixo data:image/...;base64 informa o tipo MIME e permite renderizar a imagem.
Considere o aumento de tamanho
A representação em Base64 costuma ocupar cerca de um terço a mais que o arquivo binário. Comprima ou redimensione antes se o peso for importante.
Prefira URL para imagens grandes
Fotos, banners e recursos reutilizados em várias páginas normalmente funcionam melhor como arquivos separados, que podem ser armazenados em cache.
Codificação não significa segurança
Qualquer pessoa com a string pode decodificá-la e recuperar a imagem. O resultado não é criptografado nem oculta dados sensíveis.
Dúvidas sobre imagem para Base64
Respostas diretas para escolher a saída correta e evitar os erros mais comuns.
Qual é a diferença entre Base64 e Data URI?
Base64 puro contém apenas os dados codificados. Um Data URI acrescenta o tipo MIME e o marcador de codificação, por exemplo data:image/png;base64,... Por isso, HTML e CSS normalmente usam Data URI, enquanto muitas APIs pedem somente Base64.
Como colocar uma imagem Base64 no HTML?
Selecione a guia HTML <img> e copie a tag pronta. Se estiver montando o código manualmente, o atributo src deve receber o Data URI completo, e não apenas a string Base64.
Como enviar uma imagem em Base64 por uma API?
Consulte a documentação do endpoint. Se o campo pedir Base64, envie a string pura; se pedir Data URI, inclua o prefixo com o tipo MIME. A guia JSON fornece um objeto pronto para copiar, mas o nome e o formato final do campo dependem da API.
Por que a imagem Base64 não aparece?
Verifique se o local de destino exige um Data URI, se o tipo MIME corresponde ao arquivo e se a string não foi cortada nem recebeu espaços ou quebras de linha. Em JSON, confira também as aspas e os caracteres de escape.
As imagens são enviadas durante a conversão?
Não. O navegador lê e codifica os arquivos localmente com a FileReader API, sem precisar enviar as imagens selecionadas para um servidor.
Base64 é seguro para imagens privadas?
O processamento local evita o upload durante a conversão, mas a string Base64 não é protegida: ela pode ser decodificada de volta para a imagem. Não publique nem compartilhe o resultado se o arquivo for confidencial.
Outras ferramentas para imagens
Comprima, redimensione ou converta seus arquivos antes de gerar o Base64.
Quer converter outra imagem para Base64?
Volte ao conversor, adicione os próximos arquivos e copie a saída no formato de que você precisa.