Guias de Base64

Imagens com URL de dados

Uma URL de dados coloca o tipo de mídia e os bytes codificados diretamente em HTML ou CSS, como data:image/png;base64,... Ela é útil para pequenos ícones, templates de e-mail e demos autocontidas.

Criar uma URL de dados válida

Use o tipo MIME exato, uma vírgula separadora e Base64 sem espaços acidentais. Assinaturas PNG e JPEG são diferentes. O codificador de arquivos pode gerar valores de teste.

<img alt="Small logo" src="data:image/png;base64,ENCODED_BYTES">

Custos de desempenho

URLs de dados aumentam o tamanho em cerca de um terço, impedem cache independente e podem tornar o parsing mais lento quando usadas em excesso. Prefira arquivos normais para fotos e recursos repetidos.