Imagem para Base64
Transforme uma imagem em data URI Base64, ou codifique e decodifique texto em Base64 — e volte de Base64 para um arquivo
✓ Grátis para sempre · ✓ Sem cadastro · ✓ Sem upload · ✓ Funciona offline
🔒 Seus dados nunca saem do seu dispositivo. Todo o processamento acontece localmente no seu navegador usando FileReader API. Sem upload, sem servidor, sem rastreamento.
Recursos
- Saída Data URI — Obtenha uma string data:image/... URI completa pronta para colar diretamente em HTML, CSS ou JavaScript.
- Cópia com Um Clique — Copie como data URI bruta, como tag <img>, ou como propriedade CSS background-image.
- Comparação de Tamanho — Veja o tamanho original do arquivo vs. o comprimento da string Base64 (Base64 é ~33% maior).
- Texto e decodificação também — Codifique qualquer texto como Base64 UTF-8 (padrão ou seguro para URL), decodifique Base64 de volta para texto, ou transforme uma string Base64 em um arquivo para visualizar e baixar.
Como Funciona
- Carregue sua imagem — Solte qualquer imagem para convertê-la em Base64.
- Escolha o formato de cópia — Copie como Data URI, tag <img> ou CSS background-image.
- Cole no seu código — A string Base64 incorpora a imagem diretamente no seu código — nenhum arquivo separado necessário.
Casos de Uso
- Incorpore imagens pequenas diretamente no HTML para reduzir requisições HTTP
- Arquivos HTML independentes (relatórios, páginas offline) que levam as imagens dentro — atenção: Gmail e Outlook bloqueiam imagens data URI em e-mails
- Imagens de fundo CSS incorporadas em folhas de estilo
- Agrupe ícones em código JavaScript para distribuição em arquivo único
Perguntas Frequentes
Quando devo usar Base64?
Para imagens pequenas (menos de 10KB) — ícones, logos, pequenos elementos de interface. Incorporar evita requisições HTTP extras. Para imagens maiores, é melhor servi-las como arquivos separados.
Por que a string Base64 é maior que o arquivo?
A codificação Base64 aumenta o tamanho em ~33% porque converte dados binários em texto ASCII. Essa é uma troca pela capacidade de incorporar a imagem diretamente no código.
A qualidade total da imagem é preservada?
Sim. Base64 é só outra codificação exatamente dos mesmos bytes — sem perda de qualidade. Uma exceção: uma foto HEIC do iPhone é convertida primeiro para JPEG, porque navegadores não exibem HEIC a partir de um data URI; a página avisa quando isso acontece.
Ele também decodifica Base64?
Sim — mude para Texto ⇄ Base64 e escolha Decodificar. Cole Base64 ou um data: URI inteiro; espaços, quebras de linha e Base64 seguro para URL são lidos. Se o resultado for texto, você vê o texto; se for um arquivo (PNG, JPG, PDF, ZIP…), uma prévia quando possível e um download. Um caractere errado é apontado com a posição.
O que é Base64 seguro para URL?
A mesma codificação com - e _ no lugar de + e /, e normalmente sem preenchimento =, para caber numa URL ou num JWT sem escape. Marque “Seguro para URL” ao codificar; ao decodificar, os dois tipos são lidos automaticamente.
No blog
- 📖 How to Encode and Decode Base64 (and Turn an Image Into a Data URI) — Encode and decode Base64 text, and convert a small image into a data URI you can inline in CSS or HTML — all locally in your browser, nothing uploaded.
Ferramentas Relacionadas
- 🔁 Converter Formato — Converta entre PNG, JPG, WebP — instantaneamente no seu navegador
- 📦 Comprimir Imagem — Reduza o tamanho do arquivo sem perder qualidade — tudo no seu navegador
- 🔗 Codificador / Decodificador de URL — Codifique ou decodifique URLs e strings de consulta instantaneamente
💬 Bug, ideia, ou só um oi? Conte ao Milo 🐨 · [email protected]