Manipulando base64 em HTML

Base64 é um conjunto de 64 caracteres alfanuméricos ([A-Za-z0-9], "/" e "+"), utilizados para transmissão de dados binários, definidos inicialmente para Multipurpose Internet Mail Extensions (MIME). Esta codificação é amplamente utilizada por aplicações em conjunto com a linguagem de hipermarcação, como HTML e XML, possibilitando o armazenamento de dados digitais em forma de texto. No Linux o processo de codificação e decodificação é bastante simples.

Codificação

echo 'incolume.com.br' |base64

aW5jb2x1bWUuY29tLmJyCg==

Decodificação

echo aW5jb2x1bWUuY29tLmJyCg== |base64 -d

incolume.com.br

E além de texto, com a codificação base64, também é possível trabalhar com imagens.

Codificação

base64 favicon.ico > favicon.ico.base64

Decodificação

cat favicon.ico.base64 | base64 -d > favicon.ico

modelo base64 em html

<img src="date:image; base64, CODE64" />

Exemplo em html

Imagens base64 em HTML