Conversor Base64 para imagem

O Base64 escreve dados binários, e portanto também um ficheiro de imagem terminado, como uma cadeia de caracteres de texto comuns. A conversão avança de três em três bytes. Um byte tem oito bits, ao passo que um único carácter Base64 leva seis. Três bytes do ficheiro cabem assim em exatamente quatro caracteres de texto. O alfabeto tem 64 posições: maiúsculas de A a Z, minúsculas de a a z, algarismos de 0 a 9, o sinal de mais e a barra. Quando no fim faltam bytes para completar um grupo de quatro, o sinal de igual ocupa os lugares livres.[1]

É assim que se transportam os anexos do correio eletrónico, e é assim que uma imagem entra diretamente no código de uma página, sem ficheiro à parte no servidor.[2]

A cadeia por si só ainda não diz o que representa. Disso trata a data URI, um endereço cuja estrutura vem descrita no documento RFC 2397 de agosto de 1998. Escreve-se data:[tipo][;base64],dados. Numa imagem PNG o início fica assim: data:image/png;base64, — e logo a seguir à vírgula vem a cadeia. Se o tipo for omitido, quem a recebe assume que lhe entregaram texto simples.[3]

Os navegadores bloqueiam hoje a abertura de endereços data: na janela principal, porque assim circulavam páginas de phishing.[4] Uma imagem guardada num endereço desses vê-se no código que a contém, ou numa ferramenta que leia esse endereço. Basta colar a cadeia no campo acima e carregar no botão Descodificar.

Cole a cadeia no campo Base64 do lado esquerdo e carregue no botão Descodificar. A imagem aparece no cartão Pré-visualização da imagem, e por baixo fica o botão Transferir, que guarda o ficheiro no disco com o nome imagem-descodificada. O botão Limpar tudo esvazia o campo e a pré-visualização ao mesmo tempo.

O prefixo data:image/png;base64, tanto pode ser colado com a cadeia como ficar no código de onde copia. Sem prefixo, o conversor lê os primeiros dezoito bytes dos dados e reconhece o formato pela assinatura do próprio ficheiro. É dessa leitura que depende a extensão do ficheiro transferido: uma imagem BMP fica gravada como imagem-descodificada.bmp, e um ícone de site como imagem-descodificada.ico.

Todo o trabalho acontece no seu computador. A cadeia fica na memória do separador aberto, o ficheiro nasce no seu dispositivo, e assim que fecha a página ambos saem da memória do navegador.

Uma cadeia copiada do código-fonte de uma mensagem costuma vir partida a cada 76 caracteres, e o conversor lê-a exatamente nessa forma. A norma pela qual os navegadores leem Base64 manda retirar primeiro dos dados todos os caracteres de espaço, incluindo os espaços e os fins de linha.[5] Uma cadeia colada em doze linhas dá a mesma imagem que uma cadeia colada numa só. O sentido contrário cabe ao conversor de imagem para Base64, que escreve a cadeia inteira numa só linha, sem quebras.

A forma em texto precisa de quatro caracteres por cada três bytes, por isso a cadeia ocupa mais espaço do que os dados que descreve. A conta é curta: divide o número de bytes por três, arredonda para cima e multiplica por quatro.

Desta fórmula saem dois números que dão a ordem de grandeza. Um ícone de site pesa 2 678 bytes e, depois de codificado, dá 3 572 caracteres. Uma fotografia de 1920 por 1280 píxeis pesa 476 485 bytes, e a sua forma em texto conta 635 316 caracteres. O crescimento ronda de cada vez um terço, ou seja, cerca de 33 por cento.[2] A folha de estilos ou o modelo de mensagem onde essa imagem for colada cresce exatamente outro tanto.

O Base64 transporta os dados e nada altera dentro deles. Depois de descodificar, recebe um ficheiro igual byte a byte àquele que foi codificado. Verificámo-lo em oito ficheiros de formatos diferentes, comparando as somas de verificação antes de codificar e depois de voltar a ler.

O comprimento da cadeia é limitado pelo próprio navegador. O Chromium e o Firefox aceitam hoje endereços data: até 512 MB, e o Safari até 2048 MB. No Firefox esse limite mudou duas vezes. A versão 97 subiu-o de 256 KB para 32 MB. A versão 136 levou-o aos 512 MB de hoje.[4]