Imagem para Base64
Transforme uma imagem em uma string Base64 (data URI) que você pode incorporar direto em HTML, CSS ou JSON, sem precisar de arquivos externos.
PNG, JPG, WebP, GIF ou SVG, a conversão acontece inteiramente no seu dispositivo
O que é um data URI e quando usar
Um data URI incorpora o conteúdo da imagem diretamente no seu código, na forma data:image/png;base64,…. A vantagem é uma requisição HTTP a menos: a imagem chega junto com a página, o que é perfeito para ícones, logos pequenos, favicons e e-mails em HTML, nos quais arquivos externos costumam ser bloqueados. A desvantagem é que o conteúdo incorporado não é armazenado em cache separadamente pelo navegador e pesa cerca de um terço a mais que o arquivo original.
Por que o Base64 é 33% maior
O Base64 representa dados binários usando apenas 64 caracteres de texto simples: cada 3 bytes da imagem viram 4 caracteres, daí o acréscimo de cerca de 33%. Por isso a regra prática é incorporar apenas arquivos abaixo de 5 a 10 KB; acima disso, o peso extra anula a economia da requisição HTTP evitada. Esta ferramenta mostra o tamanho final exato, para que você decida com números reais diante dos olhos.