Sobre o Imagem para Base64
Isso codifica uma imagem em um data URI Base64 — uma string de texto que representa a imagem inteira — e decodifica essas strings de volta em uma imagem visível. Desenvolvedores usam data URIs para embutir uma imagem pequena diretamente em HTML ou CSS (um ícone, um logo, um gráfico seguro para e-mail) para que ela carregue com a página em vez de como uma requisição separada. Também é útil para colar uma imagem em um payload JSON ou arquivo de configuração onde só texto é permitido.
Como funciona
A codificação lê seu arquivo de imagem e produz um data URI data: — por exemplo data:image/png;base64,iVBORw0KGgo… — que você pode colar direto num <img src>, num background: url(...) de CSS, ou onde uma string de texto for necessária. Ela também mostra o tamanho do texto resultante. A decodificação pega uma string Base64 ou data URI completo, e o renderiza de volta em uma imagem que você pode visualizar e baixar. Tudo acontece no seu navegador.
Suposições e comportamento
- A codificação produz um data URI completo (incluindo o prefixo
data:image/…;base64,), pronto para colocar em HTML ou CSS. - A decodificação aceita tanto um data URI completo quanto uma string Base64 pura (assume PNG se nenhum tipo for dado).
- O tamanho do texto codificado é mostrado, para você julgar se embutir vale a pena.
- Espaço em branco no Base64 colado é ignorado na decodificação.
Limitações
- O Base64 é cerca de 33% maior que o binário original. Embutir infla seu HTML/CSS, então é melhor para imagens pequenas (ícones, logos minúsculos); imagens grandes são melhor servidas como arquivos normais.
- Data URIs embutidos não são cacheados separadamente pelo navegador, então reutilizar a mesma imagem grande em várias páginas via data URIs desperdiça banda comparado a um arquivo compartilhado.
- Ela lida com data URIs de imagem; não é um codificador de arquivos geral.
- Imagens muito grandes produzem uma string de texto muito longa que pode ser difícil de manusear.
Privacidade
A codificação e decodificação rodam inteiramente no seu navegador. Sua imagem e o texto Base64 nunca saem do seu dispositivo.

