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
ANÚNCIO · 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
ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?

Notícias com destaques técnicos

Envolver-se

Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas

Compre-me um café
ANÚNCIO · REMOVER?