Há uns dias andava a pesquisar uns exemplos para incorporar imagens em emails, e qual não é o meu espanto quando descobri que é possível incorporar imagens em HTML.

E não podia ser mais fácil:

A diferença em relação a  imagens normais é que o “src” da tag “img” toma uma forma um pouco diferente, em que temos de definir o tipo de imagem(ex: image/png) e os dados codificados em base64. Como podem verificar a imagem seguinte usa este método.

Infelizmente este método não funciona com versões do Internet Explorer anteriores ao Internet Explorer 8. Outro problema desta técnica é o facto de tornar o HTML maior e, consequentemente tornar o carregamento da página mais lento.

Mas pode ser útil por exemplo em aplicações Ajax, ou para descarregar um relatório em HTML que contenha imagens.

Artigos Relacionados:

1. Efeito engraçado com imagens em HTML
2. HTML 5 – Introdução à Tag Canvas
3. HTML Playground – Aprender HTML e CSS experimentando
4. HTML – Tabela com cabeçalho e tamanho fixo