Conversor Base64 DataURL

Base64 puro
0 caracteres

Ferramenta online para converter entre Base64 puro e o formato data URL completo, com detecção automática de MIME.

Sugestões Relacionadas

Codificação Base64

Decodificação Base64

Mesclar Base64 em várias linhas

Base64 para Imagem

Imagem para Base64

Limpeza de Base64

O que é um DataURL em Base64?

Um DataURL é um esquema de URI que embute os dados diretamente na URL, no formato data:[<tipo MIME>];base64,<dados Base64>. Ele permite incluir recursos pequenos como imagens, PDFs e fontes direto em HTML, CSS ou JavaScript, sem requisições HTTP extras.

**Base64 puro vs DataURL:** o Base64 puro é apenas a string codificada (ex.: iVBORw0KGgo...); um DataURL é um URI completo com o prefixo data: e um tipo MIME, pronto para usar como valor de src, href, url() e outros.

**Para que serve esta ferramenta:** converte entre "strings Base64 puras" e "DataURLs completos" — adiciona automaticamente o prefixo data: e um tipo MIME ao Base64 existente, ou extrai a parte Base64 pura de um DataURL.

**Usos típicos:** ① imagem de fundo em CSS; ② src inline em HTML <img>; ③ imagem inline em Markdown; ④ colar imagens em editores de rich text; ⑤ depurar o esquema data URI.

Casos de uso

  • Adicionar o prefixo data: e um tipo MIME a um Base64 existente para obter um DataURL pronto para embutir em HTML
  • Extrair a parte Base64 pura de um DataURL para remontá-la ou transmiti-la
  • Verificar se o payload Base64 de um data: URI do front-end está completo durante a depuração
  • Detectar automaticamente o tipo MIME de um Base64 copiado para a área de transferência (PNG/JPEG/PDF, etc.)
  • Preparar um data URL para background-image em CSS ou <img src> em HTML
  • Transformar o Base64 de uma imagem em um DataURL pronto para colar em um editor Markdown

Como Usar

  1. Escolha a direção: "Adicionar prefixo" (Base64 puro → DataURL) ou "Remover prefixo" (DataURL → Base64 puro).
  2. Cole o conteúdo no campo à esquerda: Base64 puro no modo Adicionar, ou uma string data:... no modo Remover.
  3. No modo Adicionar, mantenha "Detecção automática" ou escolha um tipo MIME específico no menu suspenso.
  4. A ferramenta converte em tempo real e mostra o resultado à direita, pronto para copiar ou baixar como txt.

Recursos

  • Conversão nos dois sentidos: Base64 puro ↔ DataURL
  • 11 tipos MIME predefinidos: imagem, documento, áudio, vídeo, texto
  • Detecção automática de MIME por magic bytes para PNG/JPEG/GIF/WEBP/PDF
  • Remoção de espaços: limpa quebras de linha, espaços e caracteres estranhos
  • Conversão em tempo real: o resultado é recalculado 300 ms após a digitação
  • Troca automática: entrada e saída se invertem ao mudar de direção
  • Copiar em um clique: copia o resultado para a área de transferência
  • Baixar como txt: salva o resultado em dataurl-result.txt
  • Layout responsivo: split arrastável no desktop, abas no mobile
  • Processado no navegador: nenhum conteúdo é enviado a um servidor

Best Practices

Comece pela detecção automática

se não tiver certeza do tipo MIME, mantenha "Detecção automática" e só escolha manualmente se ela falhar.

Atenção ao limite de tamanho

os navegadores limitam os DataURLs a cerca de 2–4 MB, então referencie arquivos grandes por URL em vez de embutir.

Remova caracteres espúrios

o Base64 colado costuma trazer quebras de linha que a ferramenta remove automaticamente; use o Limpador Base64 se precisar de uma limpeza mais rígida.

Verifique o resultado

após a conversão, valide o DataURL com o Validador Base64 ou com o DevTools do navegador para confirmar que carrega.

Confira após colar

verifique o resultado decodificado no console do navegador depois de colar no destino para garantir que está como esperado.

Perguntas frequentes

A detecção automática já está ativa no modo Adicionar?

Sim. A detecção automática vem ativada por padrão e examina os primeiros bytes do Base64 (magic bytes) para identificar PNG, JPEG, GIF, WEBP ou PDF. Para outros tipos MIME (ex.: application/json, video/mp4), escolha manualmente no menu suspenso.

O que acontece se a entrada já tiver o prefixo data:?

No modo Adicionar, se a entrada já começa com data: a ferramenta a retorna sem alterações, sem duplicar o prefixo. No modo Remover, se a entrada não for um DataURL, a ferramenta remove os espaços e devolve o Base64 puro.

E se a detecção automática falhar?

Se o Base64 não corresponder a nenhum magic byte de PNG/JPEG/GIF/WEBP/PDF, a detecção automática recai em application/octet-stream. Escolha outro tipo MIME manualmente se precisar.

Quais tipos MIME são suportados?

image/png, image/jpeg, image/gif, image/webp, image/svg+xml, application/pdf, application/json, text/plain, text/html, audio/mpeg e video/mp4 — 11 tipos comuns no total.

Há limite de tamanho para DataURLs nos navegadores?

Sim. A maioria dos navegadores limita o tamanho total de um DataURL (cerca de 2 MB–4 MB); ultrapassar isso faz o recurso falhar ao carregar. Para arquivos grandes, use uma URL comum.

Onde os DataURLs podem ser usados?

Em <img src> do HTML, em url() do CSS, em downloads com <a href>, em fetch do JavaScript, na sintaxe de imagem do Markdown, em recursos embutidos em dados JSON e em locais semelhantes.

As quebras de linha e espaços do Base64 são removidos automaticamente?

Sim. No modo Adicionar, quebras de linha e espaços são removidos antes de acrescentar o prefixo; no modo Remover, os espaços também são removidos após a extração do DataURL.

A entrada muda quando troco a direção?

Sim. Ao trocar a direção, a ferramenta usa a saída atual como nova entrada, para você continuar trabalhando sem colar de novo.

Meu conteúdo é enviado para um servidor?

Não. Todas as conversões acontecem localmente no navegador; entrada e saída não saem do seu dispositivo.

Glossário

DataURL
Esquema de URI de dados definido pela RFC 2397, no formato data:[<mime>];base64,<data>, que pode ser usado como valor de src, href, url() e outros.
Tipo MIME
Identificador de tipo de mídia como image/png ou application/pdf. Esta ferramenta suporta 11 tipos MIME comuns e pode detectá-los automaticamente.
Magic Bytes
Bytes fixos no início de um arquivo usados para identificar seu tipo. Esta ferramenta detecta PNG/JPEG/GIF/WEBP/PDF analisando os magic bytes.
Base64
Codificação que representa dados binários usando 64 caracteres imprimíveis. A parte de payload de um DataURL é em Base64.
Esquema Data URI
Protocolo de URI data: definido pela RFC 2397; é o nome formal da especificação do DataURL.

Authoritative References