Conversor de imagem para Base64

Base64 escreve dados binários, por exemplo um ficheiro JPG ou PNG, como uma cadeia de caracteres de texto comuns. Cada três bytes do ficheiro passam a quatro caracteres de um alfabeto de 64: letras maiúsculas e minúsculas, algarismos, o sinal de mais e a barra[1]. Uma imagem escrita assim entra diretamente no código da página, numa folha de estilos ou num campo JSON, sem ficheiro separado no servidor.

A cadeia sozinha ainda não diz que se trata de uma imagem. Quem o diz é o URL data:, descrito no RFC 2397, que coloca o tipo de ficheiro antes da cadeia, por exemplo data:image/png;base64,. A cadeia propriamente dita começa depois da vírgula[2]. O mesmo URL funciona como imagem em Markdown na forma ![descrição](data:image/png;base64,…). O alfabeto e o caminho inverso, da cadeia para o ficheiro, são explicados no conversor de Base64 para imagem.

Arraste um ficheiro para o campo Imagem, ou clique nele e escolha uma imagem. O campo Base64 mostra logo o resultado, na forma definida na lista Formato do resultado. Por predefinição é URL data:, a cadeia precedida do tipo de ficheiro, por exemplo data:image/jpeg;base64,.

Pode mudar a lista a qualquer momento sem voltar a carregar a imagem. Etiqueta <img> para HTML dá um elemento pronto com o URL no atributo src, Fundo em CSS (background-image) dá uma declaração para uma regra da folha de estilos, e Só a cadeia Base64 deixa apenas os caracteres depois da vírgula. O botão Copiar copia o resultado na forma escolhida, e Transferir guarda-o como ficheiro de texto, por exemplo logo-base64.txt. Limpar tudo esvazia o campo do resultado.

A ferramenta codifica um ficheiro de cada vez e, se largar vários, usa o primeiro. Um ficheiro que não é imagem interrompe a codificação com a mensagem Só são suportados ficheiros de imagem.

O texto precisa de quatro caracteres por cada três bytes, por isso a cadeia é cerca de um terço mais longa do que o ficheiro[1]. Pode calcular o comprimento: divida os bytes por três, arredonde para cima e multiplique por quatro. Um ícone de site com 2 678 bytes dá 3 572 caracteres, e uma fotografia de câmara com 1 405 512 bytes dá 1 874 016.

Uma imagem incorporada faz parte do ficheiro onde está. O navegador descarrega a imagem de uma folha de estilos juntamente com a folha, por isso volta a descarregá-la sempre que a folha muda. A mesma imagem colada em cinco páginas HTML segue com cada uma delas separadamente. É por isso que o Base64 serve para ícones e gráficos pequenos, enquanto a fotografia de um artigo continua a ser um ficheiro normal.

O comprimento é limitado pelo navegador: o Chromium e o Firefox aceitam URL data: até 512 MB, e o Safari até 2048 MB. O Firefox mudou esse limite duas vezes, de 256 KB para 32 MB na versão 97 e para 512 MB na versão 136[3]. Os navegadores bloqueiam, em contrapartida, a abertura de URL data: na janela principal, porque por essa via circulavam páginas de phishing[3]. Uma cadeia colada na barra de endereço não mostra a imagem, mas a mesma cadeia num atributo src mostra.

O Gmail não mostra imagens escritas como URL data:, nem no navegador nem nas aplicações para iOS e Android. O caniemail.com verificou-o em fevereiro de 2020 e voltou a testar a versão de navegador em maio de 2024, com o mesmo resultado[4]. O Outlook para Windows, das versões 2007 a 2016, comporta-se da mesma forma.

Por isso, coloque o logótipo de uma assinatura ou newsletter num servidor, como ficheiro normal, e use o seu endereço. É assim que funciona o gerador de assinatura de email: no campo Avatar / logótipo (URL da imagem) escreve o endereço de uma imagem, não uma cadeia Base64.

O SAPO Mail não consta da base do caniemail. Antes de enviar para endereços SAPO, envie uma mensagem de teste para uma conta sua.