Imagem para Base64 (e vice-versa)
Incorpore imagens pequenas direto no HTML, CSS ou JSON sem requisições extras. Arraste um ou mais arquivos e copie o resultado no formato que precisar; também dá para colar um Base64 para recuperar a imagem.
Processado 100% no seu navegador
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Arraste uma ou mais imagens (JPG, PNG, WebP, GIF, SVG, AVIF).
- 2Escolha o formato: data URI, Base64 puro, tag <img>, CSS ou Markdown.
- 3Copie o código de cada imagem com um clique.
- 4Para o caminho inverso, mude para «Base64 → Imagem», cole o texto e baixe a imagem.
Casos de uso
- Incorporar ícones e logos pequenos em CSS ou HTML para economizar requisições.
- Inserir imagens em e-mails HTML ou templates.
- Enviar imagens dentro de JSON em APIs.
- Recuperar a imagem de um data URI encontrado no código de uma página.
Perguntas frequentes
Quando vale a pena usar Base64 numa imagem?
Para imagens muito pequenas (ícones de poucos KB) que você não quer baixar separadamente. Para fotos grandes não compensa: o Base64 pesa 33% a mais e não é armazenado em cache separadamente.
O que é um data URI?
Uma URL que contém o próprio arquivo codificado, no formato data:image/png;base64,… Pode ser usada no atributo src de uma imagem ou no url() do CSS.
Minhas imagens são enviadas?
Não. A conversão acontece no navegador; as imagens nunca saem do seu dispositivo.
Posso colar Base64 sem o prefixo?
Sim. Detectamos o tipo da imagem pela assinatura (JPG, PNG, GIF, WebP, SVG) mesmo sem o prefixo data:.