ToolAtlasO CSS precisa do ícone embutido e você não quer hospedar o PNG. Esta aba devolve o data URI. Texto, ZIP e e-mail HTML são outros jobs.
O template pede o logo dentro do HTML ou do CSS e o time não quer depender de um PNG no CDN. O trabalho desta página é data URI de imagem nesta aba — ler os bytes do bitmap e devolver data:image/…;base64,….
Não é Base64 de texto. Não é arquivo genérico. Confundir as três URLs é o jeito mais rápido de colar um PDF no src de um <img>.
Onde o data URI funciona — e onde o Gmail apaga
Em página web e em background-image o suporte é antigo e amplo. Em e-mail, Mailchimp e Pipedrive em português avisam: Outlook bloqueia; Gmail costuma apagar o data:. A prática que entrega é URL absoluta HTTPS ou anexo CID (cid:logo) no MIME, não esta string.
Ícone de 2 KB no CSS do app interno: faz sentido. Foto de capa no corpo do Gmail: escolha errada.
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAB..."
alt="Logo"
/>Arquivo enorme trava o stylesheet. Compacte antes de embutir.
Como gerar nesta aba
- Solte JPG, PNG ou WebP (cerca de 32 MB).
- Copie o URI completo, com o prefixo
data:e o MIME. - Cole no HTML ou no CSS
url("…"). Newsletter: teste no Outlook do escritório, não só no preview do CMS.
Favicon minúsculo: gerador de favicon pode ser o bitmap certo antes de embutir. HEIC: converta.
Também dá para colar um data URI já feito e recuperar o arquivo — o caminho inverso, ainda de imagem.
Limites honestos
- Não hospeda, não é CDN e não assina URL.
- Não valida se o destino aceita o MIME.
- Nada é enviado. EXIF viaja dentro dos bytes se você não remover metadados antes.
Utilitário de encoding nesta aba, não solução de e-mail marketing.