Como salvar o conteúdo de uma imagem diretamente no HTML para exibição

O HTML tem o data URI scheme que possibilita utilizar o conteúdo, por exemplo base64 de uma imagem, de forma que seu conteúdo esteja diretamente presente no código HTML.

Sua sintaxe é:

data:[<media type>][;charset=<character set>][;base64],<data>

Então neste caso, um exemplo de imagem JPG seria:
data:image/jpeg;charset=utf-8;base64,

Em PHP, poderia ser algo como:

$image = 'CAMINHO DA IMAGEM EM DISCO AQUI';

// Obtém o conteúdo da imagem e efetua a conversão para base64 encoding
$imageContent = base64_encode(file_get_contents($image));

// Efetua a criação do atributo SRC do element IMG no formato  data:{mime};base64,{data}; (sem charset=utf-8;)
$src = 'data: '.mime_content_type($image).';base64,'.$imageContent;

// Apresenta a imagem
echo '<img src="'.$src.'">';

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados: