Por que incorporar imagens em Base64?
Um data URI coloca a imagem dentro do próprio código, então o navegador não precisa fazer uma requisição separada para buscá-la. Isso é prático para ícones pequenos no CSS, imagens em modelos de e-mail em HTML, páginas HTML de arquivo único e imagens guardadas em JSON ou em um campo de banco de dados.
O Base64 deixa os dados cerca de um terço maiores, então é melhor para imagens pequenas. A ferramenta mostra o tamanho exato e avisa quando uma imagem é grande o bastante para deixar a página lenta.
Código pronto para colar
Em vez de montar o código na mão, escolha o formato que você precisa. A opção CSS gera uma linha background-image completa, a opção HTML uma tag img com largura e altura para a página não pular durante o carregamento, e Markdown um link de imagem para arquivos README.