Como converter uma imagem em um URI de dados Base64
Você pode incorporar uma imagem diretamente em HTML ou CSS como uma string Base64 — sem arquivo separado. É um truque útil para ativos pequenos, com o que fazer e o que não fazer.
O que é um URI de dados
A conversão de uma imagem para Base64 a transforma em uma longa string de texto que você coloca diretamente no seu código como data:image/png;base64,iVBORw0.... O navegador o decodifica de volta na imagem – sem nenhuma solicitação separada ao servidor.
Quando usar (e não)
Bom para: pequenos ícones, logotipos ou imagens incorporados em CSS/e-mail onde salvar uma solicitação HTTP é importante. Ruim para: imagens grandes — Base64 aumenta o tamanho em aproximadamente 33% e não pode ser armazenado em cache separadamente, o que torna páginas grandes mais lentas. Regra geral: apenas imagens in-line com menos de alguns KB.
Converta instantaneamente
Nosso conversor gratuito de imagem para Base64 transforma qualquer imagem em um URI de dados pronto para colar. Para entender a codificação em si, consulte nosso explicador de Base64.
Resultado
Base64 permite incorporar imagens pequenas para cortar solicitações, mas a penalidade de tamanho de aproximadamente 33% torna-o errado para arquivos grandes. Use-o apenas para ativos pequenos e mantenha imagens grandes como arquivos separados e armazenáveis em cache.
