O que é um Data URI Base64
Um Data URI embute o conteúdo de um arquivo direto no HTML ou CSS, no formato data:image/png;base64,…. Isso elimina uma requisição HTTP — útil para ícones pequenos, sprites e e-mails. Em compensação, o Base64 aumenta o tamanho em ~33%, então não compensa para imagens grandes.
Perguntas frequentes
Posso usar em CSS?
Sim: background-image:url(data:image/png;base64,…). Ideal para ícones que mudam pouco.
E SVG?
SVG também funciona como Data URI. Para SVG, às vezes vale mais usar URL-encoding do que Base64 (fica menor), mas o Base64 é universal.