JPG para Base64

Codifique imagens JPG como URIs de dados Base64 — instantaneamente, no seu navegador.

Drag & drop your JPG file here, or click to choose. Everything runs in your browser — nothing is uploaded.

Base64 output

Este codificador gratuito de JPG para Base64 converte sua imagem em um URI de dados que você pode colar diretamente em HTML, CSS, JSON ou em um modelo de e-mail - sem hospedagem e sem solicitação HTTP extra. Os bytes são lidos e codificados localmente, portanto o arquivo nunca é carregado e você pode copiar o resultado como uma string Base64 bruta, um URI de dados, uma regra de segundo plano CSS ou uma tag img completa.

Perguntas frequentes

Como faço para converter um JPG para Base64?

Solte o arquivo na caixa acima e a saída codificada aparecerá imediatamente, junto com uma visualização. Escolha o estilo de saída que você precisa – Base64 simples, um URI de dados, uma regra de imagem de fundo CSS ou uma tag HTML img – e copie-o ou baixe-o como um arquivo de texto.

Meus arquivos são enviados para um servidor?

Não. O arquivo é decodificado e recodificado diretamente no seu navegador usando JavaScript e WebAssembly e nunca sai do seu dispositivo. É isso que o torna seguro para fotos privadas, trabalhos de clientes e qualquer coisa confidencial, e é por isso que a ferramenta continua funcionando com sua rede desconectada após o carregamento da página.

Por que a versão Base64 é maior que minha imagem?

Base64 representa cada 3 bytes usando 4 caracteres, portanto o texto codificado é sempre cerca de 33% maior que o arquivo original, mais o prefixo URI dos dados. Essa troca vale a pena para pequenos ativos como ícones e logotipos, onde você economiza uma rede inteira de ida e volta, mas é um mau negócio para fotos grandes.

Quando devo incorporar uma imagem como URI de dados?

Para ativos pequenos e sempre necessários — ícones, logotipos, pequenas texturas de fundo — onde a remoção de uma solicitação HTTP é mais importante do que os bytes extras. Evite isso para imagens grandes: elas não podem ser armazenadas em cache separadamente, bloqueiam a análise de seu CSS ou HTML e sobrecarregam todas as páginas que as incluem.

Isso funciona com transparência?

Sim. Os bytes do arquivo original são codificados literalmente em vez de serem redesenhados, de modo que a transparência, o perfil de cores e quaisquer metadados incorporados sobrevivem exatamente como estavam.

Isso funciona em Windows, Mac, iPhone e Android?

Sim. Ele roda em qualquer navegador moderno em Windows, Mac, Linux, iPhone e Android, sem nada para instalar e sem necessidade de conta. Chrome, Edge, Firefox e Safari são todos suportados.