Comprimento Base64
L = 4 × ⌈n ÷ 3⌉
Definido pela RFC 4648; 12 000 bytes dão 16 000 caracteres.
Converter imagem em Base64 (e Base64 em imagem)
Codifique uma imagem em Base64 ou descodifique uma cadeia Base64/Data URI em imagem, totalmente no navegador.
- Área de transferência
- Exportar
Os seus ficheiros são processados localmente no navegador e nunca são enviados para os nossos servidores.
Largue o seu ficheiro aqui
Tamanho recomendado: até 25 MB
Pré-visualização
Base64 / Data URI
Pré-visualização
Esta ferramenta foi útil?
Como funciona esta ferramenta?
O Base64 transforma os bytes de uma imagem em texto composto por 64 caracteres seguros. Assim codificada, uma imagem pode ser colada diretamente em CSS, HTML, num ficheiro JSON ou num e-mail como Data URI, sem ficheiro separado. Esta ferramenta funciona nos dois sentidos: codifica uma imagem em Base64 e reconstrói uma imagem a partir de uma cadeia Base64 ou de uma Data URI.
Separador Imagem → Base64: escolha uma imagem PNG, JPEG, WebP, GIF ou SVG até 25 MB. É lida tal como está, sem recodificação, e convertida numa Data URI completa da forma data:image/png;base64,…, pronta a copiar. A pré-visualização confirma a imagem lida e uma linha indica o tamanho do ficheiro, o da Data URI e o acréscimo em percentagem.
Separador Base64 → Imagem: cole uma Data URI ou uma cadeia Base64 bruta. Numa cadeia bruta, escolha o tipo MIME (PNG, JPEG, WebP, GIF ou SVG); os espaços e quebras de linha são removidos. A pré-visualização aparece assim que a cadeia é válida e Descarregar imagem guarda decoded-image com a extensão do tipo.
O Base64 escreve 3 bytes com 4 caracteres: o texto pesa cerca de um terço mais do que o ficheiro, além de alguns caracteres de cabeçalho. Uma cadeia inválida ou truncada mostra «Base64 ou Data URI inválido.»
Como usar esta ferramenta
Escolha o sentido
Imagem → Base64 para codificar, Base64 → Imagem para descodificar.
Importe ou cole
Arraste uma imagem ou cole uma Data URI ou Base64 bruto indicando o tipo MIME.
Copie ou descarregue
Copie a Data URI ou descarregue a imagem descodificada depois de verificar a pré-visualização.
Tamanho de um texto Base64
O Base64 agrupa os bytes de 3 em 3 (24 bits) e escreve cada grupo com 4 caracteres de 6 bits; o último grupo é completado com sinais =.
Comprimento da Data URI
L_URI = L + p
p vale 22 para data:image/png;base64, e 26 para data:image/svg+xml;base64,.
- n
- tamanho do ficheiro em bytes
- L
- número de caracteres Base64
- p
- comprimento do cabeçalho da Data URI
Casos de uso
Incorporar um ícone pequeno em CSS
Coloque um ícone de poucos kilobytes em background-image para poupar um pedido de rede.
Recuperar uma imagem de um JSON
Descodifique uma imagem guardada em Base64 numa resposta de API ou numa exportação para a ver e guardar.
Preparar um e-mail ou um protótipo
Insira uma imagem num HTML autónomo que tem de funcionar sem pasta de imagens.
Exemplos
Codificar um ícone PNG de 12 000 bytes
12 000 ÷ 3 = 4000 grupos de 3 bytes, ou seja 16 000 caracteres Base64, mais 22 caracteres de data:image/png;base64,. O acréscimo de 34 % inclui o cabeçalho.
Entrada
icone.png, 12 000 bytesResultado
Data URI de 16 022 caracteres; «Ficheiro de 11,7 KB → Data URI de 15,6 KB (+34 %)»Usar a Data URI em CSS
O navegador mostra o ícone sem transferir nenhum ficheiro. Reserve este método para imagens pequenas: uma fotografia codificada torna a folha de estilos mais pesada e deixa de ficar em cache à parte.
Entrada
Data URI de um ícone SVG copiada da ferramentaResultado
.alerta { background-image: url("data:image/svg+xml;base64,PHN2Zy…"); }Dicas e boas práticas
- Limite o Base64 a imagens de poucos kilobytes; acima disso, um ficheiro separado carrega e fica em cache de forma mais eficiente.
- Otimize a imagem antes de a codificar: cada byte poupado retira cerca de 1,33 caracteres ao texto.
- Para um SVG, uma Data URI sem Base64 (data:image/svg+xml, seguido do SVG com caracteres de escape) é muitas vezes mais curta.
- Se a descodificação falhar, confirme que a cadeia está completa: uma Data URI copiada de um registo vem muitas vezes truncada.
Fontes e referências
- S. Josefsson, RFC 4648 — The Base16, Base32, and Base64 Data Encodings (abre num novo separador), RFC Editor, 2006Página em inglês
Perguntas frequentes
O Base64 comprime a imagem?
Não, pelo contrário: o texto Base64 pesa cerca de 33 % mais do que o ficheiro. É uma codificação para transportar bytes dentro de texto, não uma compressão.
Qual é a diferença entre Base64 e Data URI?
Base64 é apenas o texto codificado. A Data URI acrescenta à frente um cabeçalho como data:image/png;base64, que indica ao navegador o tipo de ficheiro.
E se só tiver Base64 bruto?
Cole-o no separador Base64 → Imagem e escolha o tipo MIME da imagem original (PNG, JPEG, WebP, GIF ou SVG).
A imagem é alterada na codificação?
Não. Os bytes do ficheiro são codificados tal como estão: descodificar a Data URI devolve exatamente o mesmo ficheiro, metadados incluídos.
O Base64 pode ter quebras de linha?
Sim, algumas ferramentas quebram as linhas a cada 76 caracteres. A ferramenta remove esses espaços e quebras antes de descodificar uma cadeia bruta.
A minha imagem é enviada para um servidor?
Não. A codificação e a descodificação são feitas pelo navegador, sem qualquer pedido de rede.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Aligeire uma imagem ajustando a qualidade ou apontando para um peso em KB, com o peso final mostrado antes de transferir.
Imagens e gráficosEm destaqueUtilizar esta ferramenta
Reduza a marcação SVG localmente mantendo um ficheiro editável.
Imagens e gráficosUtilizar esta ferramenta
Converta uma imagem para PNG, JPEG ou WebP e ajuste a qualidade antes de descarregar.
Imagens e gráficosEm destaqueUtilizar esta ferramenta