Gere URIs data: a partir de entrada de texto ou upload de arquivo. Selecione o tipo MIME, codifique para Base64 e obtenha um data URI pronto para uso para incorporar em HTML, CSS ou JavaScript.
Data URIs (também chamados de data URLs) permitem incorporar o conteúdo de um arquivo diretamente em HTML, CSS ou JavaScript usando o formato: data:[mediatype][;base64],data. Isso elimina a necessidade de requisições HTTP separadas, fazendo com que as páginas carreguem mais rápido para recursos pequenos.
Eles são comumente usados para imagens pequenas (ícones, logos), fundos CSS, fontes personalizadas e SVG inline. A contrapartida é um aumento de tamanho de ~33% devido à codificação Base64, então eles são mais adequados para arquivos com menos de 10KB.
Um data URI é uma forma de incorporar o conteúdo de um arquivo diretamente em documentos web usando o esquema data:. Em vez de criar um link para um arquivo externo, o conteúdo é codificado em Base64 e incluído inline, reduzindo as requisições HTTP.
Use data URIs para ativos pequenos e usados com frequência, como ícones e imagens pequenas (abaixo de 10KB). Para arquivos maiores, URLs comuns são melhores, porque os data URIs aumentam o tamanho do arquivo em cerca de 33% e não podem ser armazenados em cache separadamente.
Sim. Todos os navegadores modernos suportam data URIs. A principal limitação é o tamanho — alguns navegadores têm limites máximos de comprimento para data URIs, normalmente em torno de 2MB, embora isso varie de acordo com o navegador.
Codifique ou decodifique strings Base64 diretamente no seu navegador
Converta texto para Base64 ou decodifique Base64 para texto simples
Converta imagens para strings codificadas em Base64
Decodifique strings Base64 de volta para imagens visíveis
Codifique qualquer arquivo para uma string Base64
Decodifique qualquer string Base64 de volta ao seu arquivo original
Decodifique strings Base64 para documentos PDF
Decodifique e inspecione tokens JWT
Codifique ou decodifique URLs com codificação percentual
Converta caracteres especiais em entidades HTML
Converta entre formatos hex e Base64
Decodifique strings Base64 em texto simples legível
Verifique se uma string é uma codificação Base64 válida
Decodifique Base64 e exiba como JSON formatado
Converta strings Base64 para hexadecimal e vice-versa
Converta SVG em data URIs para CSS e HTML
Codifique texto em bytes UTF-8 ou decodifique bytes em texto