Codificada localmente no seu navegador — sua imagem nunca é enviada.
as URIs de dados adicionam cerca de 33% de sobrecarga — considere servir o arquivo diretamente.
- O tipo MIME e o tamanho detectados aparecem aqui.
Sobre esta ferramenta
Base64 é uma codificação de binário para texto que mapeia cada três bytes de dados binários em quatro caracteres ASCII extraídos de um alfabeto de 64 símbolos, preenchendo o final com "=". Um data URI envolve essa carga útil com um prefixo "data:<mime>;base64," para que uma imagem possa viver embutida dentro de HTML, CSS ou JSON em vez de como uma requisição de rede separada. A codificação aumenta o tamanho em cerca de 33%, já que quatro caracteres de saída representam três bytes de entrada.
Use-o para embutir pequenos ícones, sprites ou SVGs diretamente em uma folha de estilo ou marcação para reduzir idas e voltas HTTP, incorporar logotipos em e-mails e relatórios HTML autônomos, colar bytes de imagem em uma carga útil de API JSON, ou inserir um favicon rápido em um protótipo de arquivo único. O modo inverso transforma um data URI ou uma string Base64 bruta de volta em um arquivo baixável quando você precisa recuperar uma imagem extraída de um CSS, de uma coluna de banco de dados ou de um log.
Tudo é executado no seu navegador — sua imagem é lida com o FileReader e nunca é enviada, de modo que até recursos confidenciais permanecem na sua máquina.
Perguntas frequentes
Por que minha imagem Base64 é maior que o arquivo original?
O Base64 codifica três bytes de binário em quatro caracteres ASCII, então o texto codificado é cerca de 33% maior que o arquivo de origem. O prefixo do data URI e qualquer quebra de linha somam um pouco mais por cima disso.
Devo embutir imagens como data URIs Base64 ou criar um link para o arquivo?
Embuta recursos pequenos e reutilizados com frequência, como ícones e SVGs, para economizar requisições HTTP, mas sirva imagens maiores como arquivos separados — os data URIs não podem ser armazenados em cache de forma independente, incham seu HTML ou CSS, e o acréscimo de tamanho de cerca de 33% supera a requisição economizada.
Como converter uma string Base64 de volta em um arquivo de imagem?
Mude para o modo Base64 para Imagem e cole um data URI completo data:image/... ou uma string Base64 bruta; a ferramenta a decodifica, exibe a prévia do resultado, detecta o tipo MIME e oferece um botão Baixar que a salva como um arquivo de verdade.