Anúncios incomodam? Ir Sem anúncios Hoje

Simplificando a decodificação Base64 Uma folha de dicas para programadores

Atualizado em
Simplificando a decodificação Base64
ANUNCIADO Remover?

Já se deparou com uma confusão de caracteres aparentemente sem sentido começando com data:image/png;base64? Parabéns, você encontrou Codificação Base64 na natureza! 🎉

Base64 é uma maneira de representar dados binários usando um conjunto limitado de 64 caracteres ASCII. É comumente usado para:

  • Incorporar imagens, fontes ou outros arquivos diretamente em HTML, CSS ou scripts
  • Transmitindo dados binários por meio de protocolos baseados em texto, como e-mail ou XML
  • Ofuscar informações confidenciais (embora não seja criptografia!)

Para entender o Base64, você precisa decodificá-lo de volta ao binário original. Aqui está uma folha de dicas rápida:

LinguagemFunção de decodificação
JavaScriptatob(base64String)
Pitãobase64.b64decode(base64String)
JavaBase64.getDecoder().decode(base64String)
C#Convert.FromBase64String(base64String)

Por exemplo, em JavaScript:

const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSU…";
const splitData = base64Image.split(",");
const byteString = atob(splitData[1]);

Este trecho:

  1. Extrai apenas os dados Base64, removendo o prefixo de metadados
  2. Decodifica a string Base64 em uma string de bytes

A partir daí, você pode convertê-lo em uma matriz digitada para manipulação posterior:

const intArray = new Uint8Array(byteString.length);
for (let i = 0; i < byteString.length; i++) {
  intArray[i] = byteString.charCodeAt(i);
}

Armado com esta matriz de bytes, você pode:

  • Crie um Blob para salvar o arquivo
  • Renderizar a imagem em uma tela
  • Passe para uma biblioteca para analisar o conteúdo do arquivo
  • Alimente-o com o WebAssembly para processamento de alto desempenho

Decodificação Base64 abre um mundo de possibilidades para lidar com dados binários inline. Agora vá em frente e decodifique com confiança! 🚀

Quer eliminar anúncios? Fique sem anúncios hoje mesmo

Instale nossas extensões

Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida

Ao Extensão do Chrome Ao Extensão de Borda Ao Extensão Firefox Ao Extensão Opera

O placar chegou!

Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!

ANUNCIADO Remover?
ANUNCIADO Remover?
ANUNCIADO Remover?

Notícias com destaques técnicos

Envolver-se

Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas

Compre-me um café
ANUNCIADO Remover?