Imagem Pronta por Pronto no Clique

Imagem para Base64

Transforme a imagem em texto Base64 para embutir no HTML, no CSS ou num JSON.

O Base64 troca cada 3 bytes do arquivo por 4 caracteres (RFC 4648), então o texto fica cerca de 33% maior que a imagem: um arquivo de 30.000 bytes vira 40.000 caracteres. A data URI junta o tipo e o Base64 (data:image/png;base64,…) e pode ir direto no src de uma imagem ou no url() do CSS.

Imagem

PNG, JPG, WebP, GIF, SVG, BMP ou AVIF, até 5 MB. Ícones e imagens pequenas são o melhor uso.

O arquivo é lido no seu navegador e não é enviado a nenhum servidor.

Formato do texto

Base64

Escolha a imagem. O texto em Base64, para copiar, aparece aqui.

Calculando…

Como funciona

O Base64 (RFC 4648) lê o arquivo de 3 em 3 bytes (24 bits) e troca cada grupo por 4 caracteres de um alfabeto de 64 (A–Z, a–z, 0–9, + e /), com "=" no fim quando sobram 1 ou 2 bytes. O tamanho do texto é 4 × (bytes ÷ 3, arredondado para cima). A data URI (RFC 2397) põe na frente o tipo da imagem, lido dos primeiros bytes do arquivo e não da extensão.

Os bytes são os do arquivo original, sem recomprimir: a imagem decodificada do Base64 é idêntica à escolhida. O "Copiar" do resultado copia o texto inteiro; "Baixar .txt" salva o mesmo texto.

Exemplo para conferir

O exemplo cria um PNG de 16 × 16 px no navegador e converte para data URI: o resultado mostra o peso do PNG em bytes, o tamanho do Base64 (4 × arredondado para cima de bytes ÷ 3) e o texto começando por data:image/png;base64,iVBORw0KGgo, que é o início de todo PNG em Base64.

Limitações

Arquivos acima de 5 MB são recusados: o texto passaria de 6,6 milhões de caracteres e travaria a página e qualquer editor onde fosse colado. Para diminuir antes, use "Comprimir imagem" ou "Comprimir PNG". Alguns clientes de e-mail bloqueiam imagens em data URI.

Seu arquivo é processado no seu navegador e não é enviado para nenhum servidor.

Fontes e revisão

Conteúdo revisado em . A data muda só quando as regras e os textos são conferidos de novo, não a cada atualização técnica do site.

Perguntas frequentes

Para que serve converter imagem em Base64?

Para colocar a imagem dentro do próprio texto: no HTML de um e-mail, num CSS, num JSON de API ou num arquivo de configuração, sem precisar de um arquivo separado. O navegador entende a data URI (data:image/png;base64,…) como se fosse o endereço da imagem.

Por que o Base64 fica maior que a imagem?

Cada 3 bytes viram 4 caracteres, então o texto tem cerca de 33% a mais que o arquivo (mais a parte "data:image/png;base64,"). Por isso vale para ícones e imagens pequenas; fotos grandes deixam a página mais pesada e é melhor mantê-las como arquivo.

Qual a diferença entre data URI e só o Base64?

A data URI já traz o tipo da imagem na frente (data:image/png;base64,) e pode ir direto no src ou no url(). "Só o Base64" é o texto puro, para sistemas que pedem o conteúdo e o tipo em campos separados.

E se a imagem for SVG?

Por padrão, scripts, atributos de evento e links externos são retirados do SVG antes de codificar, porque um SVG aberto como documento (e não como imagem) pode executar código. Desmarque a opção só se o SVG for seu e você precisar dele exatamente como está.

A imagem é enviada para algum servidor?

Não. O arquivo é lido e codificado pelo navegador, no seu aparelho.

Relacionadas

Imagem Pronta

Converter SVG para PNG

SVG vira PNG nítido no tamanho escolhido, com transparência.

Imagem Pronta

Comprimir PNG

PNG menor com paleta de até 256 cores, mantendo a transparência.

Ver todas as ferramentas de Imagem Pronta · Catálogo completo