O que é Base64 de imagem?
Base64 é um esquema de codificação que converte dados binários (como arquivos de imagem) em uma string de texto ASCII. Isso permite embutir imagens diretamente em código HTML, CSS ou JSON, eliminando requisições HTTP adicionais.
Como usar o código gerado
No HTML, use o resultado como valor do atributo src: <img src="data:image/png;base64,…">. No CSS, use como background-image: url("data:image/png;base64,…"). O código começa sempre com o prefixo data: seguido do MIME type e do conteúdo codificado.
Quando usar e quando evitar
Base64 é útil para ícones pequenos, logos e imagens críticas acima da dobra que precisam ser carregadas sem latência. Evite para imagens grandes: a codificação Base64 aumenta o tamanho do arquivo em ~33%, podendo prejudicar o carregamento da página em vez de otimizá-la.