Conversor imagem para Base64

Base64 é uma forma de escrever dados binários como uma cadeia de texto. Uma imagem assim codificada incorpora-se diretamente em HTML (<img src="data:image/png;base64,...">), em CSS (background-image: url(data:...)) ou em JSON, ou envia-se para uma API, sem alojar o ficheiro num servidor.

A codificação Base64 serve em vários casos: incorporar ícones e logótipos pequenos no CSS (menos pedidos HTTP), criar modelos de e-mail com imagens incorporadas (o Outlook bloqueia as imagens externas por predefinição), enviar imagens para uma API (OpenAI Vision, Google Cloud Vision) e gerar ficheiros HTML autónomos sem dependências.

O Base64 aumenta os dados em cerca de 33 por cento (3 bytes binários passam a 4 caracteres). Para imagens pequenas até 10 KB, a poupança de pedidos compensa. Para fotografias grandes acima de 50 KB é melhor usar ficheiros normais: o Base64 tornaria a página mais pesada e o carregamento mais lento.

Toda a codificação acontece localmente no navegador; os dados não são enviados para nenhum servidor. Sem registo, sem limites, sem rastreio.

A codificação Base64 converte os dados binários de uma imagem numa cadeia de texto usando 64 caracteres ASCII imprimíveis (A–Z, a–z, 0–9, +, /). Cada grupo de 3 bytes de dados binários torna-se 4 caracteres Base64, o que significa que a cadeia codificada é aproximadamente 33% maior que o ficheiro original.

O conversor lê o seu ficheiro de imagem, codifica-o numa cadeia Base64 e adiciona o prefixo Data URI apropriado (ex. data:image/png;base64,). Isto cria uma cadeia autónoma que pode ser integrada diretamente em HTML, CSS ou JSON sem necessitar de um ficheiro de imagem separado.

As imagens codificadas em Base64 são comumente usadas para pequenos ícones, logotipos e elementos de interface onde eliminar um pedido HTTP adicional melhora o tempo de carregamento. A conversão é realizada completamente no seu navegador.

A codificação Base64 compensa em casos concretos, mas nem sempre é a escolha certa:

• Use Base64 para – imagens pequenas com menos de 10 KB (ícones, logótipos), modelos de e-mail com imagens incorporadas, pedidos a uma API que exigem a imagem dentro do JSON e ficheiros HTML autónomos.
• Use ficheiros normais para – imagens grandes com mais de 50 KB, imagens principais e fotografias de um site, imagens que o navegador deve guardar em cache e conteúdo servido por uma CDN.

O Base64 aumenta os dados em 33 % e impede o navegador de os guardar em cache. Para um site rápido, incorpore apenas recursos muito pequenos e sirva o resto como ficheiros normais com cabeçalhos de cache adequados.