Converter imagem para Base64

Q: Como colocar uma imagem Base64 no HTML?

Escolha a saída “HTML <img>” e copie: <img src="data:image/png;base64,…" alt="…">. A ferramenta já inclui largura e altura.

Esta ferramenta converte uma imagem para Base64 e entrega na hora uma Data URL, uma tag HTML, um fundo CSS, Markdown ou JSON prontos para copiar. Se quiser, ela reduz a imagem ou converte para PNG, JPG ou WebP antes. No sentido contrário, o decodificador mostra a imagem de um texto Base64 e salva como arquivo.

Fonte: RFC 2397, RFC 2397 – The "data" URL scheme. Atualizado em: 30 de setembro de 2026.

Como o cálculo é feito

Como converter uma imagem para Base64

Arraste uma imagem, escolha o arquivo ou cole com Ctrl + V. O código Base64 aparece na hora.
Escolha a saída: Data URL para src ou url(), só Base64 para APIs, uma tag img HTML pronta com largura e altura, uma linha CSS para background-image, Markdown ou JSON.
Copie ou salve como arquivo de texto.

Uma Data URL segue a RFC 2397: data:image/png;base64, e depois os bytes da imagem em Base64 conforme a RFC 4648. O tipo MIME é identificado pelo conteúdo do arquivo, não pela extensão – um PNG chamado .jpg recebe corretamente image/png.

Quanto uma imagem ocupa em Base64?

O Base64 transforma cada 3 bytes em 4 caracteres, então o texto fica cerca de 33% maior que o arquivo: uma imagem de 30 KB vira uns 40.000 caracteres. Por isso o Base64 vale mais para gráficos pequenos, como ícones, logos, imagens de e-mail, arquivos HTML independentes e CSS. Reduza fotos grandes antes com “Reduzir para largura” ou converta para WebP ou JPG.

De Base64 para imagem

No modo “Base64 → imagem”, cole uma Data URL, uma linha CSS inteira, uma tag img ou só o texto Base64 – com quebras de linha, sem os sinais de igual do final ou na variante segura para URL com - e _. A ferramenta reconhece JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG e ICO, mostra tamanho e dimensões e salva o arquivo com a extensão certa. Se o tipo informado na Data URL não bater com o conteúdo, aparece um aviso.

Privacidade e limites

Imagens e textos colados ficam no seu navegador; nada é enviado nem guardado. Dá para codificar imagens de até 10 MB; SVG e ICO ficam como estão. Para qualquer texto ou arquivo, use codificar e decodificar Base64; para mudar o formato de uma imagem, converter imagem, e para deixá-la mais leve, comprimir imagem.

Perguntas frequentes

Como converter uma imagem para Base64?

Escolha a imagem aqui e o código aparece na hora. Como Data URL, ele começa com data:image/…;base64, e pode ser usado direto em HTML ou CSS.

Como colocar uma imagem Base64 no HTML?

Escolha a saída “HTML <img>” e copie: <img src="data:image/png;base64,…" alt="…">. A ferramenta já inclui largura e altura.

Como converter Base64 de volta em imagem?

Mude para “Base64 → imagem”, cole o texto e clique em “Mostrar imagem”. A imagem aparece e pode ser salva com a extensão correta.

Por que o código Base64 é maior que a imagem?

O Base64 representa cada 3 bytes com 4 caracteres de texto, então o código fica cerca de um terço maior que o arquivo.

Dá para converter SVG em Base64?

Sim. O SVG é codificado sem alteração com o tipo image/svg+xml, por exemplo para fundos em CSS.

Minha imagem é enviada para algum servidor?

Não. A codificação e a decodificação acontecem inteiramente no seu navegador e nada é guardado.

Fontes e base legal

Última atualização: 30 de setembro de 2026 · Princípios editoriais