Conversor de Imagem para Base64
Transforme uma imagem em um data URI Base64 para HTML, CSS ou JSON, e de volta. Tudo roda localmente — nada é enviado para servidor nenhum.
- Entrada
- PNG · JPEG · WebP · GIF · SVG · ICO · Base64
- Saída
- Base64 · data URI · HTML · CSS · image file
Solte uma imagem para converter em Base64
PNG, JPEG, WebP, GIF, AVIF, SVG e mais. Você também pode colar uma imagem da área de transferência. Ela nunca sai do seu dispositivo.
Converta uma imagem em Base64 e Base64 de volta em imagem
Este conversor de imagem para Base64 transforma um PNG, JPEG, WebP, GIF ou SVG em uma string Base64 e um data URI, e gera os trechos que você realmente cola: uma tag HTML img, uma regra CSS background-image, Markdown e uma string JSON. Ele também funciona ao contrário: cole um data URI ou Base64 puro para ver a imagem, conferir o tipo real e baixá-la. A imagem é lida no seu dispositivo e nunca é enviada.
Como converter uma imagem em Base64
- Solte uma imagem na página, escolha uma ou cole da área de transferência com Ctrl/⌘ + V.
- Confira a prévia, as dimensões e os tamanhos. Para uma foto, ative Recodificar como WebP para deixar a string menor; para um SVG, mantenha SVG codificado para URL ligado.
- Copie a forma de que precisa: Base64 puro, o data URI, uma tag HTML
<img>, um CSSbackground-image, Markdown ou uma string JSON. - Para o caminho inverso, mude para Base64 → Imagem, cole a string e baixe a imagem ou envie-a para outra ferramenta.
O que é um data URI
Um data URI coloca o conteúdo de um arquivo diretamente em uma URL: data:image/png;base64,iVBORw0KGgo…. A parte antes da vírgula informa o tipo de mídia e diz que os dados estão em Base64; o resto é a própria imagem. Em qualquer lugar onde o navegador aceita uma URL de imagem — um atributo src, um url() no CSS, uma imagem em Markdown — ele aceita um data URI, e a imagem chega sem uma requisição separada.
A contrapartida é o tamanho. O Base64 deixa os dados cerca de 33% maiores, e uma imagem embutida não pode ser guardada em cache sozinha: ela é baixada de novo com cada cópia do HTML ou CSS que a contém. Embutir compensa para imagens pequenas — ícones, logotipos minúsculos, placeholders, imagens em e-mails HTML ou documentos de arquivo único — e custa mais do que economiza para fotos de centenas de kilobytes.
Qual trecho usar
- Base64 puro
- Só os bytes codificados, para APIs e campos JSON que esperam Base64 e guardam o tipo separadamente.
- Data URI
- A URL data: completa, pronta para qualquer lugar que aceite uma URL de imagem.
- HTML <img>
- Uma tag img com o data URI, um texto alt a partir do nome do arquivo e a largura e a altura da imagem, o que evita deslocamento de layout.
- CSS background-image
- Uma declaração para folha de estilo. Boa para pequenas decorações repetidas; evite para imagens grandes no CSS crítico.
- Markdown e JSON
- Uma imagem na sintaxe Markdown e o data URI como string JSON com aspas e escapes corretos.
SVG: codificar para URL é melhor que Base64
SVG é texto, então não precisa de Base64. Fazer percent-encoding só dos poucos caracteres que uma URL não aceita, e trocar aspas duplas por simples, gera um URI data:image/svg+xml,… que costuma ser 15–30% menor que a versão Base64, comprime melhor com gzip e continua legível. É o padrão para arquivos SVG aqui; desligue se algum sistema exigir Base64.
Para imagens rasterizadas, recodificar para WebP antes de converter muitas vezes reduz a string pela metade ou mais em fotos e capturas de tela. Isso usa o codificador do próprio navegador; se o navegador não consegue gravar WebP, a ferramenta avisa e mantém o resultado que obteve. Para mais controle sobre formato e qualidade, use antes o conversor de imagens.
Base64 para imagem
Cole um data URI completo, Base64 puro ou até uma tag <img> inteira ou uma regra CSS, e a ferramenta extrai a imagem, mostra a prévia e informa o tamanho e as dimensões. O tipo é lido dos primeiros bytes da própria imagem em vez de confiar no rótulo, então um JPEG rotulado como PNG é baixado como o que ele realmente é. Para Base64 que contém algo que não é imagem, como um PDF ou um ZIP, use o decodificador Base64, que lida com qualquer tipo de arquivo.
Perguntas frequentes
- Como converter uma imagem em Base64?
- Solte ou cole a imagem no conversor. A string Base64, o data URI e trechos prontos de HTML, CSS, Markdown e JSON aparecem na hora, cada um com um botão de copiar.
- Como converter Base64 em imagem?
- Mude para Base64 → Imagem e cole o data URI ou a string Base64 pura. A prévia da imagem aparece na hora e ela pode ser baixada com a extensão correta.
- O Base64 deixa as imagens maiores?
- Sim, cerca de um terço, porque cada três bytes viram quatro caracteres. Embutir vale a pena para imagens pequenas que economizam uma requisição, não para fotos grandes.
- Como usar uma imagem Base64 no CSS?
- Use-a como URL: background-image: url("data:image/png;base64,…");. Copie o trecho CSS e ele já vem nesse formato.
- Devo codificar SVG em Base64?
- Normalmente não. Um data URI SVG codificado para URL é menor que o Base64 e continua legível, e todo navegador moderno o suporta. A ferramenta o gera por padrão para arquivos SVG.
- Imagens Base64 funcionam em e-mails?
- O suporte varia: muitos webmails, incluindo o Gmail, bloqueiam imagens em data URI. Para e-mail, imagens anexadas referenciadas com cid: ou imagens hospedadas são mais confiáveis.
- Minha imagem é enviada?
- Não. A imagem é lida e codificada no seu navegador, e nada é enviado a um servidor.