Imagem incorporada ao código
Base64 representa os bytes da imagem usando texto. A Data URL começa com data:image/png;base64 e pode ser usada no atributo src de uma imagem ou em determinadas propriedades CSS.
DATA URL • HTML • CSS
Converter PNG para Base64
Codifique uma imagem PNG como Data URL, copie o resultado e utilize diretamente em código HTML, CSS ou JSON.
O que é uma imagem PNG em Base64?
Quando usar Base64
É conveniente para ícones pequenos, protótipos e arquivos autocontidos. Imagens grandes geram textos extensos e podem aumentar o HTML, portanto normalmente devem continuar como arquivos separados.