Conversor de Imagem para Base64

Como usar

1. Escolha uma imagem (PNG, JPG, WebP, GIF ou SVG) — ela é lida localmente, nunca enviada.
2. A ferramenta produz o Data URI e trechos prontos para colar de HTML e background-image CSS.
3. Copie a versão que você precisa com um clique, ou baixe o Data URI como arquivo de texto.

Sobre esta ferramenta

Um Data URI embute um arquivo diretamente dentro de texto: data:image/png;base64, seguido dos bytes do arquivo codificados em Base64. Cole em uma tag , em um background CSS ou em um payload JSON e a imagem renderiza sem arquivo separado e sem requisição HTTP extra — a imagem viaja dentro do próprio documento.

Isso é genuinamente útil para imagens pequenas: ícones em uma página HTML de arquivo único, logos em e-mails transacionais, placeholders minúsculos embutidos no CSS, fixtures em testes automatizados. É a ferramenta errada para imagens grandes — a saída Base64 é cerca de 33% maior que o arquivo original e não pode ser cacheada separadamente do documento. Como regra de bolso, embuta imagens de poucos kilobytes e sirva todo o resto como arquivo normal.

A conversão aqui acontece com a API FileReader, inteiramente no seu dispositivo: a imagem é lida na memória, codificada e exibida — sem upload, sem servidor, sem armazenamento. A estimativa de tamanho ao lado do resultado mostra exatamente o que os 33% de acréscimo significam para o seu arquivo antes de você decidir embutir.

A fórmula

Formato do Data URI: data:{mime-type};base64,{base64-bytes}. Tamanho codificado ≈ tamanho original × 4/3 (mais ~2% se as quebras de linha forem mantidas).

Perguntas frequentes